BOM的 属性、方法、事件应用案例

一、window.screen:对象包含有关用户屏幕的信息。

• screen.availWidth - 可用的屏幕宽度  : 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。

• screen.availHeight - 可用的屏幕高度: 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。

   方法：

  <script>
       console.log(screen.availHeight);
       console.log(screen.availWidth);
  </script>

二、window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

• location.protocol 返回所使用的 web 协议（http: 或 https:）
• location.hostname 返回 web 主机的域名
• location.port 返回 web 主机的端口
• location.pathname 返回当前页面的路径和文件名
• location.search ?开始内容
• location.hash  获取#开始内容
• location.href 获取修改地址信息

三、window.history 对象包含浏览器的历史。

• history.back() - 与在浏览器点击后退按钮相同
• history.forward() - 与在浏览器中点击向前按钮相同
• history.go(参数)-正数前进，负数后退，0刷新

四、window.navigator 对象包含有关访问者浏览器的信息。

navigator.appCodeName- 浏览器代号

navigator.appName-浏览器名称

navigator.appVersion-浏览器版本

navigator.userAgent-用户代理