JS 55 client元素可视区

1.client系列属性的作用:

    element.clientTop  返回元素上边框大小
    element.clientLeft  返回元素左边框大小
    element.clientWidth  返回自身包括padding,内容区的宽度,不含边框,返回值不带单位
    element.clientHeight  返回自身包括padding,内容区的高度,不含边框,返回值不带单位

2.立即执行函数

    含义:不需要调用,立马能够自己执行的函数
    作用:创建一个独立的作用域,里面的变量都是局部变量,避免了命名冲突的问题
    写法:
        ①(function() {})()  
        ②(function(){}());
    例如:

(function(a,b){
    console.log(a,b);           
})(1,2)  //输出1,2 第二个小括号可以看做调用函数
第二种写法同理

3.pageshow事件

①无论页面是否来自缓存(火狐中后退会直接加载缓存),再重新加载页面中,pageshow会在load事件触发后触发;
②persisted来判断是否加载的是缓存页面 返回true和false
例如:

window.addEventListener('pageshow',function(e){
    console.log(e.persisted);                
})