JS对象-BOM

1、BOM是浏览器对象模型，允许JS与浏览器对话，JS将浏览器的各个组成部分封装为对象。
2、BOM组成：
Window浏览器窗口对象
Navigator浏览器对象
Screen屏幕对象
History历史记录对象
Location地址栏对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=>, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
     //一、下面是Window属性；获取window对象，直接写window就行，后面加.再加需要调用的方法即可
     //1、alert方法：弹出一个警告框，只能点“确认”
     window.alert("Hello BOM") ;
     alert("Hello BOM "); //window.是可以省略的
     //2、confirm方法：弹出一个对话框，有两个按钮，一个是“确认”，一个是“取消”
     confirm("您确认删除该记录吗？");
     //那么我们如何确认客户点击的是确认还是取消呢？其实confirm方法是有返回值的，我们把它定义为一个函数，并将其返回
     var flag = confirm("您确认删除该记录吗？");
     alert(flag);//将返回值弹出，发现如果点击确认那么返回值是true，如果点击取消，返回值就是flase
     //setInterval-定时器：周期性的执行某一个函数，括号里面要传递两个参数，第一个参数是要传递的函数，第二个参数是周期（每间隔多长时间执行一次）
     var i =0;
     setInterval(function(){ 
        i++;
        console.log("定时器执行了"+i+"次");
     },2000);//代表每间隔2s就会执行一次前面的函数
     //setTimeout-定时器：延时指定时间执行一次，括号里仍然是函数+周期；
     setTimeout(function(){
        alert("JS")   //只能执行一次，继续等待也不会再次弹出了，只会执行一次
     },3000)//表示3s执行一次这个函数
     //二、下面是Location属性；地址栏对象，使用Window.location获取，其中Window.可以省略
     //1、href:设置或返回完整的URL
     alert(location.href);//就可以获取当前浏览器的地址栏对象
     location.href = "htts://www.itcast.cn"//浏览器先显示原始地址，点击刷新以后会跳转到我们所指定的地址上
    </script>
</body>
</html>
posted @ 2025-05-11 20:49  琬六岁  阅读(1)  评论(0)    收藏  举报