BOM讲解之window.html-优快云博客

本文链接：https://blog.youkuaiyun.com/D____ppx/article/details/123723621

本文介绍了浏览器对象模型BOM的概念、组成部分，重点讲解了window对象及其常用方法，如alert(), confirm(), prompt(), 和window.open()的用法，以及window对象在页面操作中的核心地位。此外，还探讨了如何通过opener属性实现父子窗口通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.bom ===borwer object model 浏览器对象模型

bom是进行浏览器操作的

bom里面是存在多个对象的

bom实际进行操作浏览器是使用多个对象里面的属性以及相关方法

bom没有规范我们所讲的共有对象

bom没有规范我们所讲的是bom的共有对象

2.顶层对象window 所有的其他使用的对象都是通过window拓展出来的

window的方法及属性可以省略window window.alert() === alert()

        console.log(window) //window表示的是浏览器窗口
        //常用的属性及方法
        console.log(window.innerHeight); //获取高度(浏览器窗口可视区域的高度)
        console.log(window.innerWidth) //获取宽度(浏览器窗口可视区域的宽度)

3. 弹窗方法

         window.alert('你好')//提示窗没有返回值
        var isDde = window.confirm('你确定要删除吗？') //弹交互窗口点击确认返回true 点击取消返false
        console.log(isDel);
        var inputStr = window.pormpt('请输入你要输入的号码，123') //弹出输入框
        window.是可以被省略的

4.打开一个新的窗口

第一个参数是打开的位置url 第二个是打开的方式也可以是窗口的名字第三个是其他的设置

默认打开的是新窗口打开方式就是_blank

 window.open('http://www.baidu.com')
        window.open('http://www.baidu.com','百度')
        window.open('http://www.baidu.com','_parent')指定在本窗口打开
        可以指定对应的窗口的一些设置  一般在设置位置的时候还是会指定上和左  不会指定右和下
        window.open('http://www.baidu.com','百度','width=400,top=200,left=2

5.点击html的任意位置调用方法 window对象每一个浏览器窗口都会有个opener 表示父窗口

我打开的浏览器窗口和我本身的窗口对应的window对象不一致

 window.onclick = function({
        console.log('hello 点我')
        opener.document.write('调用父窗口对象输出！')
        })
        关闭窗口  浏览器不允许
        window.close()关闭当前的窗口
        window.print()弹窗  打印
        window.setInterval((function){
    
        },2000)