元素可视区 client
client 翻译过来就是客户端,我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列 的相关属性可以动态的得到该元素的边框大小、元素大小等。
立即执行函数
(function() {})() 或者 (function(){}())
主要作用: 不需要调用,立马执行,创建一个独立的作用域。 避免了命名冲突问题
页面刷新触发事件
下面三种情况都会刷新页面都会触发 load 事件。
- a标签的超链接
- F5或者刷新按钮(强制刷新)
- 前进后退按钮
但是 火狐中,有个特点,有个“往返缓存”,这个缓存中不仅保存着页面数据,还保存了DOM和JavaScript的 状态;实际上是将整个页面都保存在了内存里。所以此时后退按钮不能刷新页面。
在了内存里。所以此时后退按钮不能刷新页面。
此时可以使用 pageshow事件来触发。,这个事件在页面显示时触发,无论页面是否来自缓存。在重新加载页面中,pageshow会在load事件触发后触发;根据事件对象中的persisted来判断是否是缓存中的页面触发pageshow事件,注意这个事件给window添加。