DHTML事件句柄 | |
---|---|
onmouseover |
鼠标指针移上去 |
onmouseout |
鼠标移开的效果 |
onclick |
点击事件 |
onmousedown |
按住鼠标时灯才会亮 |
onmouseup |
抬起鼠标时灯才会亮 |
onload |
当页面完成加载是显示一个提示框 |
事件 | 当…时发生 |
onabort |
用户终止页面加载 |
onblur |
用户离开对象(失去焦点) |
onfocus |
用户激活对象(获取焦点) |
onchange |
用户改变对象的值 |
onclick |
用户点击对象(单击) |
ondblclick |
用户双击对象(双击) |
onkeypress |
按压键盘 |
onkeydown |
按下键盘 |
onkeyup |
松开键盘 |
onload |
页面完成加载 |
onmousedown |
用户按下鼠标按钮 |
onmousemove |
鼠标指针在对象上移动 |
onmouseover |
鼠标指针移动到对象上(鼠标悬停) |
onmouseout |
鼠标指针移出对象 |
onmouseup |
用户释放鼠标按钮 |
onreset |
用户重置表单 |
onsubmit |
用户提交表单 |
onselect |
用户选取页面上的内容 |
onunload |
用户关闭页面 |
Offset 家族 |
拿到的是盒子大小包括边框和padding |
OffsetWidth |
宽 |
OffsetHeight |
高 |
OffsetParent |
第一个非静态定位元素的父元素若是没有就是Body |
OffsetLeft |
和offsetParent之间的距离 |
OffsetTop |
|
Scroll |
指的是内容大小 |
ScrollWidth/Height |
|
ScrollTop |
当有垂直滚动条时 上面卷起来的部分 |
ScrollLeft |
当有水平滚动条时左边卷起来的部分 |
获取界面的滚动效果 | Window.pageYoffset 垂直方向 Window.pageXoffset 水平方向 |
节点 | |
ChildNodes |
所有孩子的节点 |
First child |
第一个节点 |
Lastchild |
最后一个节点 |
Nextsibling |
下一个兄弟节点 |
PreviousSibling |
上一个兄弟节点 |
ParentNode |
父节点 |
元素 | |
ParentNode |
可以拿到父元素 |
Children |
所有子元素 |
firstElementChild |
第一个子元素 |
LastElementChild |
最后一个子元素 |
NextElementsibling |
下一个兄弟元素 |
PreviousElementSibling |
上一个兄弟元素 |
appendchild |
把子元素增加到父元素里 |
CloneNode(false) |
只克隆节点 |
CloneNode(true) |
克隆节点和内容 |
InsertBefore |
(插入的 ,插入的位置) |
创建节点 | |
Document.write InnerHTML |
不常用 |
CreateElement |
创建节点 |
Document.createElement (’标签名’) |
|
删除子元素 | |
Removechild |
从爹里面删除儿子 |
数组方法 | Var arr = new Amay() |
Push() |
末尾添加一个元素或多个元素 |
Pop() |
末尾删除一个元素 |
Unshift |
最前面添加一个或多个元素 |
Shift |
最前面删除一个元素 |
reverse() |
反转数组 |
Sort() |
排序需要一个参数 |
Sort(a,b) |
数字比较 |
Return a-b; |
升序 |
Return b-a |
降序 |
Concat() 连接数组 |
Var arr1 = [] Var arr2 = [] Arr.concat(arr2,arr3) |
Slice() |
两个参数[开始位置,结束位置] |
Splice(3) 一个参数 |
从第3个开始后面都删除包括3 |
Splice(3,3) 两个参数 |
从第3个开始删除3个(包括第三个也删除) |
Splice(3,5,100,200,50) |
多个参数 第3个开始删除3个然后往里面添加内容 |