JavaScript BOM

BOM:Browser Object Model 浏览器对象模型。也就是 JavaScript 将浏览器的各个组成部分封装为对象。
BOM 中包含了如下对象:
Window:浏览器窗口对象
Navigator:浏览器对象
Screen:屏幕对象
History:历史记录对象
Location:地址栏对象
一 window对象

点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    // alert
    // window.alert("abc");
    // alert("bbb");
    // confirm,点击确定按钮,返回true,点击取消按钮,返回false
    /*var flag = confirm("确认删除?");
    //alert(flag);
    if(flag){
        //删除逻辑
    }*/

    // 定时器
    /*
        setTimeout(function,毫秒值): 在一定的时间间隔后执行一个function,只执行一次

        setInterval(function,毫秒值):在一定的时间间隔后执行一个function,循环执行
     */
    /*setTimeout(function (){
        alert("hehe");
    },3000);*/

    setInterval(function (){
        alert("hehe");
    },2000);

</script>
</body>
</html>
二 history对象
点击查看代码
1.获取
window.history.方法();
history.方法();
2.方法
back()    加载前一个列表
forward() 加载后一个列表
三 Location地址栏对象
点击查看代码
1.获取
window.location.方法();
location.方法();
2.属性
href  设置或返回完整的URL
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
/*

    alert("要跳转了");
    location.href = "https://www.baidu.com";

*/
    //3秒跳转到首页
    document.write("3秒跳转到首页...");
    setTimeout(function (){
        location.href = "https://www.baidu.com"
    },3000);

</script>
</body>
</html>
posted @ 2024-11-02 21:58  QixunQiu  阅读(3)  评论(0编辑  收藏  举报