Day6-JS 浏览器BOM

一、JavaScript Window - 浏览器对象模型

浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。===Browser Object Model (BOM)）

1、Window 对象

====window 对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

甚至 HTML DOM 的 document 也是 window 对象的属性之一：

 

2、Window 尺寸

 ====可见上面这种由于在不同的浏览器中的方法是不同的，下面这个代码是适用于所有的浏览器的

[[[[这个实例显示的是各种浏览器窗口的高度和宽度]]]]

<script>
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
x=document.getElementById("demo");
x.innerHTML="浏览器window宽度: " + w + ", 高度: " + h + "。"
</script>

优质评论：

二、JavaScript Window Location

• location.hostname 返回 web 主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.port 返回 web 主机的端口 （80 或 443）
• location.protocol 返回所使用的 web 协议（http: 或 https:）

①Window Location Href（location.href 属性返回当前页面的 URL）

②Window Location Pathname（location.pathname 属性返回 URL 的路径名。）

 ③Window Location Assign（location.assign() 方法加载新的文档）