HTML BOM（浏览器对象模型）

最新推荐文章于 2024-07-27 17:31:46 发布

tigerto

最新推荐文章于 2024-07-27 17:31:46 发布

阅读量1.1k

点赞数

分类专栏： web 文章标签： html

本文链接：https://blog.csdn.net/GSCurry/article/details/71298202

版权

web 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

浏览器对象模型（BOM）

浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。
由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。

Window对象

所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一：

window.document.getElementById("header");
<!--与此相同：-->
document.getElementById("header");

Window尺寸

有三种方法能够确定浏览器窗口的尺寸。
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)

Window Navigator

window.navigator 对象包含有关访问者浏览器的信息。
window.navigator 对象在编写时可不使用 window 这个前缀。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
        <div id="example"></div>
        <script>
            txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";
            txt+= "<p>浏览器名称: " + navigator.appName + "</p>";
            txt+= "<p>浏览器版本: " + navigator.appVersion + "</p>";
            txt+= "<p>启用Cookies: " + navigator.cookieEnabled + "</p>";
            txt+= "<p>硬件平台: " + navigator.platform + "</p>";
            txt+= "<p>用户代理: " + navigator.userAgent + "</p>";
            txt+= "<p>用户代理语言: " + navigator.systemLanguage + "</p>";
            document.getElementById("example").innerHTML=txt;
        </script>
    </body>
</html>

效果：
这里写图片描述

此外还有弹窗等浏览器对象模型，例如：window.alert(“sometext”);window.confirm(“sometext”);…可以省略window

参考：http://www.runoob.com/js/js-window.html

tigerto

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML BOM（浏览器对象模型）

浏览器对象模型（BOM）浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。Window对象所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
复制链接

扫一扫

专栏目录