JS-10.对象-BOM

最新推荐文章于 2024-09-30 15:23:15 发布

天上掉下来个程小白

最新推荐文章于 2024-09-30 15:23:15 发布

阅读量134

点赞数 7

分类专栏： Javaweb 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_45055856/article/details/141070342

版权

Javaweb 专栏收录该内容

69 篇文章 1 订阅

订阅专栏

BOM：

1、概念：

Browser Object Model 浏览器对象模型，允许JavaScript与浏览器对话，JavaScript将浏览器的各个组成部分封装成对象

2、组成：

Window：浏览器窗口对象

Navigator：浏览器对象

Screen：屏幕对象

History：历史记录对象

Location：地址栏对象

Window

介绍：浏览器窗口对象

获取：直接使用window，其中window.可以省略。

1、属性：

history:对History对象的只读引用。

location:用于窗口或框架的Location对象。

navigator:对Navigator对象的只读引用。

2、方法：

alert():显示带有一段消息和一个确认按钮的警告框

confirm():显示带有一段消息以及确认按钮和取消按钮的对话框

setInterval():按照指定的周期（以毫秒计）来调用函数或计算表达式

setTimeout():在指定的毫秒数后调用函数或计算表达式

Location

介绍：地址栏对象。

获取：使用window.location获取，其中window.可以省略。

window.location.属性; location.属性;

属性：

href：设置或返回完整的URL。 location.href = "https://www.itcast.cn";

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-对象-BOM</title>
</head>
<body>
    <script>
        /* 
            BOM：
            概念：Browser Object Model 浏览器对象模型，允许JavaScript与浏览器对话，JavaScript将浏览器的各个组成部分封装成对象
            组成：
                Window：浏览器窗口对象
                Navigator：浏览器对象
                Screen：屏幕对象
                History：历史记录对象
                Location：地址栏对象
            Window
            介绍：浏览器窗口对象
            获取：直接使用window，其中window.可以省略。
            属性：
                history:对History对象的只读引用。
                location:用于窗口或框架的Location对象。
                navigator:对Navigator对象的只读引用。
            方法：
                alert():显示带有一段消息和一个确认按钮的警告框
                confirm():显示带有一段消息以及确认按钮和取消按钮的对话框
                setInterval():按照指定的周期（以毫秒计）来调用函数或计算表达式
                setTimeout():在指定的毫秒数后调用函数或计算表达式
            Location
            介绍：地址栏对象。
            获取：使用window.location获取，其中window.可以省略。
                window.location.属性;   location.属性;
            属性：
                href：设置或返回完整的URL。     location.href = "https://www.itcast.cn";

        */
/*         window.alert("Hello JavaScript");
        alert("Hello JS");  // window.可以省略

        var result = window.confirm("您确定要删除吗？");
        alert(result);   // 确定：true  取消：false
*/

// 定时器
        var i = 0; 
      /*   setInterval(function() {

        }) */
        setInterval(() => {
            i++;
            console.log("setInterval执行了" + i + "次");
        }, 2000); 

        setTimeout(() => {
            alert("JS");
        },3000)

        alert(window.location);  // 获取当前浏览器的地址栏对象
        location.href = "https://www.bilibili.com";  // window.可以省略  自动跳转到指定的url网站
    </script>
</body>
</html>