JAVASCRIPT DOM编程艺术读书笔记

加入有两个函数 firstFunction和secondFunction需要在页面加载时执行，
window.onload = firstFunction;
window.onload = secondFunction;
这样做的话实际上只有后一个可以执行.
window.onload = function()
{
　　firstFunction();
　　secondFunction();
}
这样做创建了一个匿名函数,在需要绑定的函数不是很多的场合 的确很实用.
弹性最佳解决方案,使用addLoadEvent函数,这个方案需要额外添加一些代码,但一旦有了这些代码,绑定函数到onload就很方便
function addLoadEvent(func)
{
　　var oldonload = window.onload;　　//将现有的window.onload处理函数保存到oldonload
　　if(typeof oldonload != 'function')　　//如果现有的window.onload上没有处理函数，将func添加给他
　　{
　　　　window.onload = func;
　　}
　　else{
　　　　window.onload function()
　　　　{
　　　　　　oldload();
　　　　　　func();
　　　　}
　　}
}

function showPic(whichPic) {

    if(!document.getElementById("placeholder")) return true;

    var source = whichPic.getAttribute("href");
    var placeholder = document.getElementById("placeholder");
    placeholder.setAttribute("src",source);

    if (!document.getElementById("description")) return false;
    if (whichPic.getAttribute("title")) {
        var text = whichPic.getAttribute("title");　　//whcihPic一开始写成了whichpic!!!
    } else {
        var text = "";
    }
    var description = document.getElementById("description");
    if(description.firstChild.nodeType == 3)
        description.firstChild.nodeValue = text;

    return false;
}

/*将相关操作关联到onclick事件上*/
function prepareGallery() {

    if(!document.getElementById || !document.getElementsByTagName)  return false;

    if(!document.getElementById("imagegallery")) return false;

    var links = document.getElementById("imagegallery").getElementsByTagName("a");  for(var i = 0; i < links.length; i++)
    {
        links[i].onclick = function() {
            return showPic(this);
        }
    }

} function addLoadEvent(func) {
    var oldonload = window.onload;

    if(typeof window.onload != 'function') {
        window.onload = func;
    }
else
    {
        window.onload = function () {
            oldonload();
            func();
        }
    }
}
/*在网页加载时执行*/
addLoadEvent(prepareGallery);