JavaScript中BOM的使用

最新推荐文章于 2024-05-09 15:15:12 发布

《 L 》

最新推荐文章于 2024-05-09 15:15:12 发布

阅读量204

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_52273362/article/details/126524233

版权

JavaScript的组成三部分：

（1）ECMASCRIPT（javascript语法）

（2）BOM(Browser Object Model)：浏览器对象模型,就是操作浏览器的一些能力

（3）DOM：文档对象模型

BOM：window对象，浏览器窗口对象

一、BOM作用：操作浏览器的能力

BOM的核心就是window对象，window是浏览器的一个内置对象，里面包含了操作浏览器的方法

BOM可以操作的内容：

1. 获取浏览器相关信息（窗口大小等）

2. 操作浏览器进行页面跳转

3. 获取浏览器当前地址栏信息

4. 操作浏览器滚动条

5. 浏览器信息（版本）

6. 让浏览器出现弹出框（alert/confirm/prompt）

7. window对象包含了核心对象

（1）location：当前页面的地址

（2）history：当前页面的历史记录

（3）navigator：包含浏览器相关信息

（4）screen：向用户显示屏幕相关属性

（5）document：文档对象

图示辅助理解：

二、窗口（Window）对象

常用方法：window.方法()

（1）prompt():提醒用户输入，获取的值时string字符串型，要进行计算时需要利用Number()进行类型转换。

（2）alert()：浏览器页面弹出带确认按钮的警示框

（3）alert():使用window根对象属性或方法时，window可以省略

（4）confirm()：浏览器页面弹出带确认和取消的提示框（window.confirm('你好吗？'），返回值为布尔值：

<script>
        function info() {
            var isOk = window.confirm('你好吗');
            if (isOk === true) {
                alert('真好！')
            } else {
                alert('怎么了？')
            }
        }

        info();
    </script>