js总结

访问标签属性：oLi.getAttribute(“title”);

创建新节点： var oP=document.createElement(“p”); var oText=document.createTextNode(“dddddddddd”); oP.appendChild(oText); document.body.appendChild(oP); innerHtml

******************************************************************************* 事件 *事件流 冒泡型事件：按照标签的层次关系，依次从内向外响应事件 捕获型事件： *事件监听 通过简单的方法 IE中： window.onload = function() {

oP = document.getElementById(\"myP\");

oP.attachEvent(\"onclick\", fnClick);//在IE中添加监听事件onclick }

function fnClick() {

alert(\"aaaaaa\");

oP.detachEvent(\"onclick\", fnClick);//点击后取消监听,适用 与IE

}

标准DOM中：

oP=document.getElementById(\"myP\");

oP.addEventListener(\"click\",fnClick,false);//添加监听事件，使用与标准

window.onload=function (){

的浏览器

}function fnClick() {

alert(\"aaaaaa\");

oP.removeEventListener(\"click\",fnClick,false);//适用标准浏览器如FireFox中取消监听事件 }

*事件对象 IE浏览器中事件对象是window对象的一个属性event oP.onclick = function () {

var oEvent = window.event; }

标准DOM中规定event对象必须作为唯一的参数传给事件处理函数 oP.onclick = function(oEvent){

} 因此为了兼容两种浏览器，通常采用下面的方法 oP.onclick = function(oEvent){ if(window.event)oEvent = window.event;

}

*事件类型 oEvent.type==”click/mouseover”

*******************************************************************************表格与表单 *动态表格

js实现网页拖拽： 步骤：1、要知道鼠标坐标 2、需要知道用户鼠标点击一个网页元素并实现拖拽 捕捉鼠标单击：

这里有两个函数帮助我们:onmousedown与onmouseup.我们预先设置函数来接收document.onmousemove，这样看起来很 象我们会获取document.onmousedown与document.onmouseup．但是当我们获取 document.onmousedown时，我们同时获取了任何对象的点击属性如:text,images,tables等等.我们只想获取那些需要拖 拽的属性，所以我们设置函数来获取我们需要移动的对象．

3、最后实现移动这个元素 剩下的就是移动元素了．首先，要确定一个明确的页面位置，css样式表要用'absolute'.设置元素绝对位置意味着我们可以用样式表 的.top和.left来定位，可以用相对位置来定位了．我们将鼠标的移动全部相对页面top-left，基于这点，我们可以进行下一步了．