[工学]第七章JavaScript.ppt

script LANGUAGE=JavaScript function shake(n) { if (self.moveBy) {//判断浏览器是否支持moveBy for (i = 10; i 0; i--) { for (j = n; j 0; j--) { self.moveBy(0,j); self.moveBy(i,0); self.moveBy(0,-j); self.moveBy(-i,0); } } } } /script form input type=button onClick=shake(2) value=看看效果 /form 例子 震动效果 script function click() { if (event.button= =2) { alert(‘你想看什麽？’); } } document.onmousedown=click; /script body 大家好！ /body 禁止右键 例子 script language=JavaScript var b = 1; var c = true; function fade(){ b++; child.filters.alpha.opacity=0 + b; setTimeout(fade(),100); } /script body onload=fade() img src=images/1.jpg name=child border=0 alt=Image style=filter:alpha(opacity=0) /body 图像淡入淡出 例子 JavaScript DOM 部分方法 属性 createElement(element)： 以一个指定标签名创建一个新的元素节点，返回值为指向新建元素节点的引用指针。 var para = document.createElement(p); document.body.appendChild(para); createTextNode() 创建一个包含着给定文本的新文本节点，返回一个指向新建文本节点的引用指针： 参数为新建文本节点所包含的文本字符串 var message = document.createTextNode(hello world); var container = document.createElement(p); container.appendChild(message); document.body.appendChild(container); appendChild() reference = node.appendChild(newChild); 插入节点，例子参考前面。 insertBefore() reference = element.insertBefore(newNode,targetNode) 将一个给定节点插入到一个给定元素节点的给定子节点的前面，返回一个指向新增子节点的引用指针。 var container = document.getElementById(content); var message = document.getElementById(fineprint); var para = document.createElement(p); container.insertBefore(para,message); removeChild() reference = element.removeChild(node) 将从一个给定元素利删除一个子节点，返回一个指向已被删除的子节点的引用指针。 当某个节点被removeChild()删除后，此节点所有子节点都被删除。 replaceChild() reference = element.replaceChild(newChild,oldChild) 把一个给定父元素里的一个子节点替换为另外一个节点，oldChild节点必须是element元素的一个子节点，返回值是一个指向已被替换的那个子节点的引用指针。 var container = document.getElementById(content); var message = document.getElementById(fineprint); var para = document.createElement(p); container.replaceChild(para,mess