BOM的介绍与一些方法

最新推荐文章于 2023-09-10 23:55:46 发布

星梦512

最新推荐文章于 2023-09-10 23:55:46 发布

阅读量403

点赞数

文章标签： javascript typescript

本文链接：https://blog.csdn.net/li_3579/article/details/118068816

版权

1.什么是BOM

BOM：Browser Object Model 是浏览器对象模型
浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构，BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。

2.window对象

ECMAScript是javascript的核心，但是如果要在web中使用javascript，那么BOM(浏览器对象模型)才是真正的核心。BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。
window对象：BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。
因此，所有全局作用域中声明的变量、函数都会变成window对象的属性和方法。

<script>
        var age = 26; //这里定义的全局变量和全局函数在window对象下
        function sayAge() {
            console.log(this.age);
        }
        console.log(window.age); //26
        sayAge(); //26  相当于window.sayAge()  在window下
        window.sayAge(); //26

        window.color = 'red';
        delete window.age;
        delete window.color;
        console.log(window.age); //26
        // 因为全局没有color属性所以在window上找不到
        console.log(window.color); //undefined
    </script>

3.系统对话框

alert()、confirm()和prompt()
alert（）：确认框如果前面出现这个框会阻止下面代码的执行
confirm（）确认取消框点击取消相当于flase不执行确认相当于true执行的意思
prompt（）输入框用于提示用户输入一些文本。提示框除了显示OK和Cancel按钮之外，还会显示一个文本输入域，用来输入文本内容。该方法接收两个参数：要显示给用户的文本提示和文本输入域的默认值(可以是一个空字符串)

4.BOM对象

window 对象，是 JS 的最顶层对象，其他的 BOM 对象都是 window 对象的属性；
document 对象，文档对象；
location 对象，浏览器当前URL信息；
navigator 对象，浏览器本身信息；
screen 对象，客户端屏幕信息；
history 对象，浏览器访问历史信息；
1）、Window对象：BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。

（3）定时器
A、setTimeout(函数，毫秒值）：代表一定的毫秒值之后执行函数
例如：

setTimeout(
    function(){
        open("http://baidu.com");
    },
    3000
)

关闭定时器clearTimeout(定时器对象）(具体如下个函数）。

B、setInterval(函数，毫秒值）：代表每间隔一定的毫秒值后执行函数
例如：

setInterval(
    function(){
        open("http://baidu.com");
    },
    3000
)

关闭定时器clearInterval(定时器对象）

var timer = setInterval(
    function(){
        open("http://baidu.com");
    },
    3000
    );
function fn(){
    clearInterval(timer);
}

<body>
    <input type="button" value="clear" onclick="fn()"/>
</body>

bom思维导图
在这里插入图片描述

星梦512

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
BOM的介绍与一些方法

1.什么是BOMBOM：Browser Object Model 是浏览器对象模型浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构，BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。...
复制链接

扫一扫