JavaScript中BOM对象

BOM是Browser Object Model的缩写,简称浏览器对象模型。

BOM提供了独立于内容而与浏览器窗口进行交互的对象

由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window

BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性

BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup——网页超文本应用程序技术工作组目前正在努力促进BOM的标准化)

BOM最初是Netscape浏览器标准的一部分


BOM对象究竟可以干什么?

window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。由于window是顶层对象,因此调用它的子对象时可以不显示的指明window对象。

document.write("hello,world");

window.document.write("hello world");

window  ====================浏览器

history   历史记录

location  路径

screen     屏幕

navigator  浏览器内核信息

document   文档DOM

<script>

    window.alert("呵呵")


    window.confirm("呵呵")


window.prompt("呵呵")


小代码:

<style>
            .goTop {
                width: 80px;
                height: 80px;
                background: cadetblue;
                position: fixed;
                right: 20px;
                bottom: 20px;
            }
        </style>

<script>

                function closed() {

                var isClose = window.confirm("您确定要关闭浏览器吗?");
                if (isClose) {
                    window.close();
                }
            }

            function moveByTest() {
                moveBy(200,300)
            }

            function moveToTest() {
                moveTo(200,300)
            }
            
            function openNew() {

                window.open("http://www.baidu.com","","menubar=yes, fullscreen=yes, location=no, status=yes")
            }

            function goTop() {
                window.scrollTo(0,0);
            }

        </script>
    </head>
    <body style="height: 2000px;">
        <button onclick="closed()">关闭浏览器</button>
        <button onclick="moveByTest()">挪动浏览器</button>
        <button onclick="moveToTest()">挪动浏览器</button>
        <button onclick="openNew()">打开一个新的窗口</button>

        <div class="goTop" onclick="goTop()">

        </div>

    </body>





猜你喜欢

转载自blog.csdn.net/aa472546593/article/details/80722420