DOM对象

document.querySelector("#demo") 返回文档中匹配指定 CSS 选择器的一个元素。

 如果没有找到，返回 null。如果指定了非法选择器则 抛出 SYNTAX_ERR 异常。

<body>

<p>这是一个 p 与元素。</p>
<p>这也是一个 p 与元素。</p>
<p>点击按钮修改文档中第一个 p 元素的背景颜色。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
document.querySelector("p").style.backgroundColor = "red";
}
</script>

</body>

注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。

如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。

 

1 activeElement 属性返回文档中当前获得焦点的元素。

2 document.addEventListener() 方法用于向文档添加事件句柄。

语法 ：document.addEventListener(event, function, useCapture)

必需描述事件名称的字符串。
注意： 不要使用 "on" 前缀。例如，使用 "click" 来取代 "onclick"。

 3 document.anchors[].property 返回了当前页面的所有超级链接数组 。

4 baseURI 属性返回 HTML 文档的基础URI。

5 close() 方法用于关闭浏览器窗口。

6 cookie 属性返回当前文档所有 键/值 对的所有 cookies。

7 createAttribute()方法用于创建一个指定名称的属性，并返回Attr 对象属性。

8 createComment() 方法可创建注释节点。

9 createdocumentfragment()方法创建了一虚拟的节点对象，节点对象包含所有属性和方法。

10 document.createElement(nodename) 通过指定名称创建一个元素

11 readyState 属性返回当前文档的状态（载入中……）。

12 lastModified 属性可返回文档最后被修改的日期和时间。

13 referrer 属性返回载入当前文档的来源文档的URL。

如果当前文档不是通过超级链接访问的，则为 null。这个属性允许客户端 JavaScript 访问 HTTP 引用头部。

 14 write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。

HTML DOM 事件

鼠标事件

1 onclick 事件会在元素被点击时发生。

2 oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。

注意：所有浏览器都支持 oncontextmenu 事件， contextmenu 元素只有 Firefox 浏览器支持。

3 ondblclick 事件会在对象被双击时发生。

4 onmousedown 事件会在鼠标按键被按下时发生。

 与 onmousedown 事件相关连得事件发生次序（ 鼠标左侧/中间 按钮）：onmousedown-onmouseup-onclick

与 onmousedown 事件相关连得事件发生次序 (鼠标右侧按钮): onmousedown-onmouseup-ontextmenu

5 onmouseenter 事件在鼠标指针移动到元素上时触发。

提示： 该事件通常与 onmouseleave 事件一同使用, 在鼠标指针移出元素上时触发。

提示： onmouseenter 事件类似于 onmouseover 事件。 唯一的区别是 onmouseenter 事件不支持冒泡 。

6 onmouseleave 事件在鼠标移除元素时触发。

提示： 该事件通常与 onmouseenter 事件一起使用， 该事件在鼠标移动到元素上时触发。

提示: onmouseleave 事件类似于 onmouseout 事件。 唯一的区别是 onmouseleave 事件不支持冒泡 。

7 onmousemove 事件会在鼠标指针移到指定的对象时发生。

8 onmouseover 事件会在鼠标指针移动到指定的元素上时发生。

9 onmouseout 事件会在鼠标指针移出指定的对象时发生。

10 onmouseup 事件会在鼠标按键被松开时发生。

 

键盘事件

1 onkeydown 事件会在用户按下一个键盘按键时发生。

2 onkeypress 事件会在键盘按键被按下并释放一个键时发生。

3 onkeyup 事件会在键盘按键被松开时发生。

 与 onkeydown 事件相关联的事件触发次序: onkeydown-onkeypress-onkeyup

 

框架/对象（Frame/Object）事件

onabort 事件在用户中止加载 <img> 或 <input type="image"> 元素时触发。

onload 事件会在页面或图像加载完成后立即发生。

 

posted on 2017-09-17 15:11  pavilion2t  阅读(108)  评论(0)    收藏  举报

导航