1.HTML DOM Document 对象
在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点:
文档
是一个文档节点。所有的HTML元素
都是元素节点。所有 HTML 属性
都是属性节点。文本
插入到 HTML 元素是文本节点
。注释
是注释节点。
当浏览器载入 HTML 文档, 它就会成为 Document 对象。Document 对象
是 HTML 文档
的根节点。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示:Document 对象
是 Window 对象
的一部分,可通过 window.document
属性对其进行访问。
属性/方法 | 描述 |
---|---|
document.activeElement | 返回当前获取焦点元素 |
document.addEventListener() | 向文档添加句柄 |
document.anchors | 返回对文档中所有 Anchor 对象的引用。 |
document.baseURI | 返回文档的绝对基础 URI |
document.body | 返回文档的body元素 |
document.cookie | 设置或返回与当前文档有关的所有 cookie |
document.domain | 返回当前文档的域名。 |
document.write() | 向文档写 HTML 表达式 或 JavaScript 代码。 |
2.Console 对象
Console 对象提供了访问浏览器调试模式
的信息到控制台。
方法 | 描述 |
---|---|
assert() | 如果断言为 false,则在信息到控制台输出错误信息。 |
clear() | 除控制台上的信息。 |
count() | 记录 count() 调用次数,一般用于计数 |
error() | 输出错误信息到控制台 |
group() | 在控制台创建一个信息分组。 一个完整的信息分组以 console.group() 开始,console.groupEnd() 结束 |
info() | 控制台输出一条信息 |
log() | 控制台输出一条信息 |
table() | 以表格形式显示数据 |
time() | 计时器,开始计时间,与 timeEnd() 联合使用,用于算出一个操作所花费的准确时间。 |
trace() | 显示当前执行的代码在堆栈中的调用路径。 |
warn() | 输出警告信息,信息最前面加一个黄色三角,表示警告 |