英文字体设计网站,丽江市网站建设制作,苏州工业园区网站,蜜雪冰城的网络营销方式事件处理函数#xff1a;事件处理函数的作用是#xff0c;在特定事件发生时调用特定的JavaScript代码。本例中想要在用户点击某个链接的时候触发一个动作#xff0c;所以需要使用onclick事件处理函数。 添加事件处理函数的语法#xff1a; eventJavaScript statement…事件处理函数事件处理函数的作用是在特定事件发生时调用特定的JavaScript代码。本例中想要在用户点击某个链接的时候触发一个动作所以需要使用onclick事件处理函数。 添加事件处理函数的语法 eventJavaScript statement(s) js代码包含在一对引号之间可以把任意数量的js语句放在这对引号之间只要把各条语句用分号隔开就可以。 οnclickshowPic(this);//this表示这个对象本例中即这个a元素标签 事件处理函数的工作机制在给某个元素添加了世间处理函数后一旦事件发生相应的js代码就会执行。被调动的js会返回一个值这个值将会被传递给那个时间处理函数。本例中当链接被点击时如果执行的js代码返回true事件处理函数就认为这个链接被点击了反之如果返回的值是falseonclick事件处理函数就认为这个链接没有被点击。return false;就会将false返回给事件处理函数所以这个链接的默认行为没有被触发打开图片查看器。 !DOCTYPE htmlhtml langenhead meta charsetutf-8 titleImages/title/headbodyh1图片库/h1ul lia hrefimages/door.jpg οnclickshowPic(this);return false; titlered doorDoor/a/li//return false;事件处理函数工作机制 lia hrefimages/heart.jpg οnclickshowPic(this);return false; titlered heartHeart/a/li lia hrefimages/lake.jpg οnclickshowPic(this);return false; titleXuanwu LakeLake/a/li lia hrefimages/light.jpg οnclickshowPic(this);return false; titlelightsLight/a/li lia hrefimages/river.jpg οnclickshowPic(this);return false; titleQinhuai RiverRiver/a/li/ulimg idplaceholder srcimages/1.jpg altmy image gallery//选用一个无用图片做占位符图片script typetext/javascript function showPic(whichpic){ var source whichpic.getAttribute(href); var placeholderdocument.getElementById(placeholder); placeholder.setAttribute(src,source); }/script /body/html childNodes属性 在一颗节点树上childNodes属性可以用来获取任何一个元素的所有子元素它是一个包含这个元素全部子元素的数组element.childNodes childNodes返回的数组包含所有类型的节点不仅仅是元素节点。 每个节点都有nodeType属性这个属性让我们知道正在与哪一种节点打交道。 语法node.nodeType nodeType的值是一个数字。 alert(body_element.nodeType) nodeType属性总共有12中可取值但是其中仅有3种具有实用价值。 元素节点的nodeType属性值是1 属性节点的nodeType属性值是2 文本节点的nodeType属性值是3 nodeValue属性 如果想要改变一个文本节点的值那就使用DOM提供的nodeValue属性它用来得到和设置一个节点的值node.nodeValue 不仅可以用来检索节点的值还可以用来设置节点的值。 firstChild和lastChild属性 只要需要访问childNodes数组中的第一个元素都可以写成firstChild node.firstChild ←→ node.childNodes[0] node.lastChild ←→ node.childNodes[node.childNodes.length-1]转载于:https://www.cnblogs.com/yuanxinru321/p/6646126.html
