获取html节点:document.documentElement属性
console.log(document.documentElement);
获取body节点:document.body属性
console.log(document.body)
获取head节点:document.head属性
console.log(document.head)
获取或设置title节点:document.title或document.title=值
console.log(document.title)
document.title='hello';
文档节点:document,也可以使用元素节点的ownerDocument属性获取文档节点
console.log(document)
console.log(document.body.ownerDocument)
document对象的属性
1、documentURL:html文档地址
2、URL:html文档地址
3、domain:返回地址中的域名部分
4、lastModified:返回文档上一次修改的时间
5、location:返回location对象,该对象用来操作url地址,包含如下属性和方法
a.href属性:获取或设置当前地址,能够利用它来实现页面跳转
b.assign方法:设置url地址,格式:document.location.assign('地址‘)
注意:href属性盒assign方法在实现页面跳转是都会产生浏览记录
如果要实现页面跳转,处理用上面的href属性和assign方法,还可以使用window对象的location属性来进行跳转,window。loaction=‘新的地址’
6、readyState属性:返回的是页面加载的状态,包含三种状态
A)loading:表示正在加载html文档,并解析
B)interactive表示正在加载外部资源
C)complete:表示整个文档加载完毕
如果要看到上面的效果可以
1.先在NetWork选项卡下面将网速调为slow3G
2.重新刷新页面
3.写在控制台输入:setInterval(function(){
console.log(document.readyStyate)}100)
console.log(document.documentURI)
console.log(document.URL)
console.log(document.domain)
console.log(document.lastModified)
console.log(docunmet.location)
console.log(docunmet.location.href)
document.location.assign('www.baidu.com'); window.location='www.baidu.com';
console.log(document.readyState)
anchors:获取页面中所有的具有name属性的超链接
console.log(document.anchors)
from:获取页面中所有from节点
console.log(document.froms)
images获取页面中所有的img节点
console.log(document.images)
links:获取页面中所有的herf节点
console.log(document.links)
scripts:获取页面中所有的script节点
console.log(document.scripts)
文档类型声明:document.doctype属性
console.log(document.doctype)