function addLoadEvent(func)
{
var oldonload=window.onload;
if(typeof window.onload!='function')
{
window.onload=func;
}
else
{
window.onload=function()
{
oldonload();
func();
}
}
}
function prepareGallery()//添加事件处理函数//
{
if(!document.getElementsByTagName) return false;//检查当前浏览器是否识别这些标签//
if(!document.getElementById) return false;//检查当前浏览器是否识别这些标签//
if(!document.getElementById("imagegallery")) return false;//检查当前浏览器是否识别这些标签//
var gallary=document.getElementById("imagegallery");//定义变量:为了防止以后多次使用冗长的代码//
var links=gallery.getElementsByTagName("a");//找到列表清单中的所有连接//
for(var i=0;i<links.length;i++)//开始遍历列表清单中的所有连接//
{
links[i].onclick=function()//定义一个匿名函数//
{
if(showPic(this))
{
return false;
}
else
{
return true;
}
}
}
}
function showPic(whichpic)//定义一个函数//
{
if(!document.getElementById("placeholder") return false;)
var source=whichpic.getAttribute("href");//得到链接所指图片//
var placeholder=document.getElementById("placeholder");//得到占位符的图片//
if(placeholder.nodeName !="IMG") return false;
placeholder.setAttribute("src",source);//更改占位符图片的src属性,当点击链接时,占位符图片被链接图片所代替//
if(document.getElementById("description"))
{
var text=whichpic.getAttribute("title");//得到链接中的title所指的文本//
var description=document.getElementById("description");//得到占位符图片下面的文本//
if(description.firstChild.nodeType==3)
{
description.firstChild.nodeValue= text;//利用nodeValue函数设置文本的值为连接中title所指的文本//
}
}
return ture;
}
function countBodyChildren()//获取body元素全体子元素的个数//
{
var body_element=document.getElementsByTagName("body")[0];
alert(body_element.childNodes.length);
}
addLoadEvent(prepareGallery);
addLoadEvent(countBodyChildren);
执行出来以后还是跳转页面了(JavaScriptDOM第六章例子)
求大神解答:万分感谢
JavaScript DOM 编程艺术笔记(4章-6章)第四章 事件处理函数 在特定事件发生时调用特定的JavaScript代码 event = "JavaScript statement(s)" 有很多种事件处理函数: onl...