Window 对象
Window 对象表示浏览器中打开的窗口。
如果文档包含框架(<frame> 或 <iframe> 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。
在JavaScript脚本中使用console.log()指令将代码执行结果发送到浏览器控制台显示:
console.log(window);
document对象
获取当前的html文档:
当浏览器载入 HTML 文档, 它就会成为 Document 对象。
Document 对象是 HTML 文档的根节点。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。
document对象属性介绍:
URL:
获取当前文档url:
console.log(window.document.URL);
console.log(document.URL);
doctype:
doctype 属性可返回与文档相关的文档类型声明(Document Type Declaration)。
console.log(document.doctype);
documentElement属性:
documentElement 属性以一个元素对象返回一个文档的文档元素。
HTML 文档返回对象为HTML元素。
注意: 如果 HTML 元素缺失,返回值为 null。
语法:
document.documentElement
实例:
console.log(document.documentElement);
head属性:
返回文档头元素:
console.log(document.head);
charset属性:
获取文档编码方式:
console.log(document.charset);
title属性:
获取文档title内容:
console.log(document.title);
我们可以通过此属性来来更改文档title:
console.log(document.title);
document.title = "修改文档title内容";
console.log(document.title);
body属性:
body 属性用于设置或返回文档体。
如果是返回, 该属性返回当前文档的 <body> 元素。
如果是设置, 该属性会覆盖所有在 <body> 元素中的子元素, 并用新的内容来替换它。
提示: 与 document.documentElement 属性不同的是, document.body 属性返回 <body> 元素, document.documentElement 属性返回 <html> 元素。
console.log(document.body);
设置body属性:
console.log(document.body);
document.body.style.backgroundColor = "blue";