BOM(Browser Object Model)

最新推荐文章于 2024-04-06 09:36:55 发布

A浮生若梦

最新推荐文章于 2024-04-06 09:36:55 发布

阅读量192

点赞数

文章标签： html html5 javascript

本文链接：https://blog.csdn.net/weixin_42499908/article/details/120159020

版权

BOM(Browser Object Model) 是指浏览器对象模型。

浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。

BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。

我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理，

比如：刷新浏览器、后退、前进、在浏览器中输入URL等。

BOM的顶级对象window

window是浏览器的顶级对象，当调用window下的属性和方法时，可以省略window 注意：window下一个特殊的属性 window.name

window对象的方法

对话框

alert()
prompt()
confirm()
open()
close()

编程练习

实现：当点击页面上的按钮时，弹出确认框

（1）当点击按钮上的确定时，打开设置了新特征的子窗口, 新窗口的特征参考任务栏中的描述

（2）当点击按钮上的取消时，关闭当前页面

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>打开/关闭页面</title>
    </head>
    <body>
       <input type="button" name="" value="打开页面">
       <script type="text/javascript">
           //补充代码
           var btn = document.getElementsByTagName("input")[0];
           btn.onclick=function(){            
           var result=confirm("是否打开页面");
           if(result){
             window.open("newPage.html","newPage","width=300,height=300,left=600,top=200,toolbar=no,menubar=no,scrollbars=no,location=no,status=no");
           }else{
             window.close();
           }
         }
       </script>
    </body>
</html>

页面加载事件

onload

 window.onload = function () {
   // 当页面加载完成执行
   // 当页面完全加载所有内容（包括图像、脚本文件、CSS 文件等）执行
 }

onunload

 window.onunload = function () {
   // 当用户退出页面时执行
 }

定时器

1 setTimeout()和clearTimeout()

在指定的毫秒数到达之后执行指定的函数，只执行一次

 // 创建一个定时器，1000毫秒后执行，返回定时器的标示
 var timerId = setTimeout(function () {
   console.log('Hello World');
 }, 1000);
 
 // 取消定时器的执行
 clearTimeout(timerId);

A浮生若梦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
BOM(Browser Object Model)

BOM(Browser Object Model) 是指浏览器对象模型。浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理，比如：刷新浏览器、后退、前进、在浏览器中输入URL等。BOM的顶级对象windowwindow是浏览器的顶级对象，当调用window下的属性和方法时，可以省略window.
复制链接

扫一扫