《JavaScript高级程序设计》读书笔记:classList 与 readyState

继续学习《JavaScript高级程序设计》,体会原生 JavaScript 之美。今天记录2个有用的属性。

1.classList

HTML5 对DOM操作 class 做了优化,增加了 classList 属性,从此再也不用对 className 做字符串操作了。它有4个方法

add // 增加一条属性(已经存在就不添加)
contains // 判断属性是否存在
remove // 删除属性
toggle // 如果存在就删除,不存在就添加。这个好玩~

2.readyState

曾几何时,使用 onload 方法来判断页面有没有加载完毕,现在有了 document.readyState , 一切就简单了。

其中书中的内容不完整(P292),这个属性目前已经有了3个值(2018-02-24)

loading //页面还在加载
interactive //文档已经完成加载,文档已被解析,但是诸如图像,样式表和框架之类的子资源仍在加载。
complete // 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。

之前使用 m-React 的时候使用的是 onload 方法,如果下次有机会再来测试一波 readyState

 标签: JavaScript, 前端开发

作者  :  sailor

仅仅看明白了还不够,能把别人给讲明白了才算及格。



最新文章