1、 区分大小写
2、 变量弱类型:var
Prompt 提示用户输入内容
访问节点:(标签)
js中通过调用var oLi=document.getElementByTagName(“li”);获取到所有标签为
访问标签属性: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,基于这点,我们可以进行下一步了.
因篇幅问题不能全部显示,请点此查看更多更全内容
Copyright © 2019- sceh.cn 版权所有 湘ICP备2023017654号-4
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务