标签:启用 appcode targe 冒泡 pagex over indexof rev ack
表格: table.tHead.rows[0].cells table.tBodies[0].rows[0].cells table.tFoot.rows[0].cells
表单 form.username form.password form.sex [radio,radio] input : onfocus onblur focus() blur()
form: onsubmit onreset submit() reset()
元素尺寸位置 client: clientWidth 宽度+左右padding clientHeight 高度+上下padding document.documentElement.clientWidth 可视区宽度 document.documentElement.clientHeight 可视区高度 clientTop 上边框 clientLeft 左边框
offset: offsetWidth 宽度+左右padding+左右边框 offsetHeight 高度+上下padding+上下边框 offsetTop 相对定位父级顶部的位移 offsetLeft 相对定位父级左边的位移
scroll: scrollWidth 元素中内容的实际宽度 scrollHeight 元素中内容的实际高度 scrollTop 滚动元素顶部卷去的高度 scrollLeft 滚动元素左边部卷去的宽度
window.onscroll = function(){
var st = document.documentElement.scrollTop||document.body.scorllTop;
}
getAttribute();
window对象 : 窗口对象 , 全局对象
全局变量相当于window属性,全局声明的函数相当于window的方法
操作窗口
open(url,target,窗口特性) 打开窗口
mywin = open(‘1-京东搜索栏.html‘,‘_blank‘,‘width=500,height=400‘);
close() 关闭窗口
mywin.close() //关闭指定窗口
close() //关闭当前窗口
resizeTo(x-number,y-number); 改变窗口尺寸
mywin.resizeTo(1000,600);
moveTo(x-number,y-number); 改变窗口位置
mywin.moveTo(200,300); 200距离父级窗口左边位移 ,300距离父级窗口上边缘位移
window尺寸
window.innerWidth 可视区宽度(不包含开发者工具)
window.innerHeight 可视区高度(不包含地址栏和选项卡)
window.outerWidth 可视区宽度(包含开发者工具)
window.outerHeight 可视区高度(包含地址栏和选项卡)
location对象
http://www.ujiuye.com/user/login.html?username=aaa&pass=123#a
navigator对象
navigator.userAgent.indexOf(‘MSIE‘) > -1 检测低版ie
navigator.userAgent.indexOf(‘Molie‘) > -1 检测移动端
history 历史
-1- 事件流 : 捕获 -- 确认目标 -- 冒泡
- 捕获: 事件从最顶层元素一级一级向下传递, 默认情况捕获阶段不会触发事件
- 确认目标: 找到层级最深的元素,确认目标元素,触发事件
- 冒泡: 从目标元素开始一级一级向上传递,直到window,传递的同时会依次触发当前元素的事件(默认情况在冒泡阶段触发)
-2-绑定事件的方法
1)-DOM0级事件
ele.事件属性 = 事件处理函数
<div onclick = "alert()"></div>
box.onclick = function(){
console.log(111);
}
box.onclick = function(){
console.log(222);
}
2)-DOM2级事件
addEventListener(事件类型,事件处理函数,是否在捕获阶段触发);
- 事件类型 : ‘click‘,‘mouseover‘,‘mouseout‘,‘scroll‘....
- 事件处理函数: DOM2级可以绑定多个事件处理函数,按照绑定的顺序执行
- 是否在捕获阶段触发: 默认值false,true事件在捕获阶段触发
- 事件处理函数中的this执行触发事件的元素
```
span.addEventListener(‘click‘,function(){
console.log(‘span被点击222‘);
this.style.backgroundColor = "pink";
})
span.addEventListener(‘click‘,function(){
console.log(‘span被点击‘);
})
li.addEventListener(‘click‘,function(){
console.log(‘li被点击‘);
},true)
```
ie事件监听 ele.attachEvent(‘on‘+事件类型,事件处理函数)
```
span.attachEvent(‘onclick‘,function(){
console.log(‘111‘);
console.log(this); // 这里的this不是指向span,而是window
})
```
removeEventListener(事件类型,事件处理函数)
```
span.addEventListener(‘click‘,fn1);
span.addEventListener(‘click‘,fn2);
document.getElementsByTagName(‘button‘)[0].onclick = function(){
span.removeEventListener(‘click‘,fn1);//移除span点击事件的fn1
}
//fn2会继续执行
```
ie浏览器移除事件 detachEvent(‘on‘+事件类型,事件处理函数)
```
span.detachEvent(‘onclick‘,fn1); ie移除事件的方法
```
4-事件对象
ele.事件属性 = function(event){
//标准浏览器调用事件处理函数会自动传入事件对象
//ie低版本把时间对象存在window的event属性下
event = event || window.event; //事件对象的兼容写法
}
5- 阻止事件冒泡
标准 event.stopPropagation()
ie event.cancelBubble = true
```
兼容写法:
event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true;
```
6- 阻止事件默认行为
标准 event.preventDefault()
ie event.returnValue = false;
```
兼容写法:
event.preventDefault ? event.preventDefault() : event.returnValue = false;
```
return false; 可以用来阻止事件默认行为,但是必须放在事件处理函数最后
7- 键盘事件
onkeydown 键盘按下
onkeyup 键盘抬起
onkeypress 键盘按下,效果和onkeydown一样,系统键无法触发该事件 比如,esc,delete,insert...
键盘事件通过 event.keyCode(键码)判断具体的按键
特殊键的状态 event.ctrlKey event.altKey event.shiftKey 用true和false表示是否按下
标签:启用 appcode targe 冒泡 pagex over indexof rev ack
原文地址:https://www.cnblogs.com/didamehulayou/p/11159345.html