window浏览器事件

亦凉 2023-02-22 15:53 21阅读 0赞

window浏览器事件  
`load 加载`  
window.onload不仅是页面的加载，还在等待资源的加载  
document.onload仅仅是页面的加载  
document.onreload仅仅是页面的加载  
resize 改变大小  
scrool 滚动  
`hihstory历史记录`  
控制浏览器的“前进后退刷新”等于历史记录相关的功能  
不方便在代码中临时测试，所以在浏览器中打开其他页面测试  
属性：  
历史记录的个数：history.length  
方法：  
前进：history.forword();  
后退：history.back();  
前进或者后退指定的步数，history.go(num);num为正前进，为负后退  
location:地址url  
控制浏览器的地址栏的内容  
不方便在代码中临时测试，所以在页面的地址，设置之后，页面汇会自动进行跳转。  
js实现跳转的方式：  
location.href  
既可以获取也可以设置：当前页面地址中向后台发送的数据部分，页面也会跳转;  
location.search  
既可以获取也可以设置：当前页面地址的锚点连接（哈希值，\#后的部分），页面也会跳转  
location.hash  
方法：重新加下当前的地址，意味着刷新了；  
location.reload();  
跳转方法，必须传参，空字符刷新，指定地址会跳转；  
location.assign("");  
navigator:浏览器信息

*  navigator.userAgent：浏览器信息
    
     *  “Mozilla/5.0 (Macintosh; Intel Mac OS X 10\_15\_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36”
     *  navigator.appName：浏览器名字（废弃）
        
         *  “Netscape”
     *  navigator.appVersion：浏览器版本
        
         *  “5.0 (Macintosh; Intel Mac OS X 10\_15\_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36”
     *  navigator.appCodeName：浏览器内核
        
         *  “Mozilla”
     *  navigator.platform：运行系统
        
         *  “MacIntel”  
            screen：屏幕尺寸  
            显示器的分辨率  
            frames 框架  
            补充：  
            获取页面的可视区域的大小  
            document.documentElement.clientWidth  
            document.documentElement.clientHeight  
            \-只能获取，布恩那个设置  
            获取滚走的距离  
            document.documentElement.scroolTop  
            document.documentElement.scroolLeft  
            既能获取，又能设置