W3C--BOM知识梳理

Posted 2020-08-22 飞鲨

《一》BOM浏览器对象模型

　　1. window

　　1.1 window.innerHeight浏览器窗口的内部高度，window.innerWidth浏览器窗口的内部宽度  （对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari; 不减右边下拉条的宽度）;

　　1.2 document.documentElement.clientHeight  / document.body.clientHieght 和 document.documentElement.clientWidth / document.body.clientWidth （对于 Internet Explorer 8、7、6、5;减去右边下拉条）;

　　1.3 window.open() - 打开新窗口;

　　1.4 window.close() - 关闭当前窗口;

　　1.5 window.moveTo() - 移动当前窗口;

　　1.6 window.resizeTo() - 调整当前窗口的尺寸;

　　2. screen

　　2.1 window.screen.availWidth - 可用的屏幕宽度;

　　2.2 window.screen.availHeight - 可用的屏幕高度

　　3. location

　　3.1 window.location.hostname 返回 web 主机的域名;

　　3.2 window.location.pathname 返回当前页面的路径和文件名;

　　3.3 window.location.port 返回 web 主机的端口 （80 或 443）;

　　3.4 window.location.protocol 返回所使用的 web 协议（http:// 或 https://）

　　4. hositry

　　4.1 window.history.back() - 与在浏览器点击后退按钮相同;

　　4.2 window.history.forward() - 与在浏览器中点击按钮向前相同