JavaScript Window - 浏览器对象模型

最新推荐文章于 2024-09-20 11:38:47 发布

dcwlm8655

最新推荐文章于 2024-09-20 11:38:47 发布

阅读量96

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/slowalker/p/3461070.html

版权

1.浏览器对象模型（BOM）使JavaScript有能力与浏览器“对话”。

2.所有浏览器都支持 window 对象。它表示浏览器窗口。

3.所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员, 全局变量是 window 对象的属性, 全局函数是 window 对象的方法。

4.HTML DOM 的 document 也是 window 对象的属性之一。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 5     </head>
 6     <body>
 7         <p id = "demo"></p>
 8         <script>
 9             var w = window.innerWidth
10                     || document.documentElement.clientWidth
11                     || document.body.clientWidth;
12             var h = window.innerHeight
13                     || document.documentElement.clientHeight
14                     || document.body.clientHeight;
15             x = document.getElementById("demo");
16             x.innerHTML = "浏览器内部窗口宽度：" + w + "，高度：" + h + "。";
17         </script>
18     </body>
19 </html>