Day6-JS 浏览器BOM 一、JavaScript Window - 浏览器对象模型 二、JavaScript Window Location

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

1、Window 对象

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

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

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

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

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

 
2、Window 尺寸
Day6-JS 浏览器BOM
一、JavaScript Window - 浏览器对象模型
二、JavaScript Window Location

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

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

<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>

Day6-JS 浏览器BOM
一、JavaScript Window - 浏览器对象模型
二、JavaScript Window Location

优质评论:

Day6-JS 浏览器BOM
一、JavaScript Window - 浏览器对象模型
二、JavaScript Window Location

二、JavaScript Window Location

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

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

Day6-JS 浏览器BOM
一、JavaScript Window - 浏览器对象模型
二、JavaScript Window Location

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

Day6-JS 浏览器BOM
一、JavaScript Window - 浏览器对象模型
二、JavaScript Window Location

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

Day6-JS 浏览器BOM
一、JavaScript Window - 浏览器对象模型
二、JavaScript Window Location