2017-01-20学习周报

41 阅读1分钟

主要学习BOM、DOM的操作和属于他们的基本属性、方法。

BOM(浏览器对象模型)是为了操作浏览器而出现的API,window是它的一个对象,也就是整个浏览器窗口。

通常我们通过JS来控制以及接收例如:历史记录,滚动条的状态,浏览器窗口的变化,打开或者关闭。 下图中的事例就是用通过获取浏览器的滚动条产生效果的。而回到顶部的滚动效果,是通过设置定时器,每次递减滚动条来实现的。

顶部悬浮效果

与之相对的DOM(文档对象模型)是为了操作文档而出现的API,document是它的一个对象,它定义了所有 HTML 元素的对象和属性,以及访问它们的方法。它允许我们添加、移除、改变页面上的内容。所以通过DOM我们可以重构整个HTML。

动态表格创建.gif

之前的HTML页面写完了,如果我们并没有去修改,它还是原样。而现在通过JS我们就可以处理动态的页面。