Java Web学习笔记14—

Java Web学习笔记14——BOM对象

news2024/11/25 11:52:53

BOM：

概念：浏览器对象模型（Browser Object Model），允许JavaScript与浏览器对话，JavaScript将浏览器的各个组成部分封装为对象。

组成：

Window：浏览器窗口对象

介绍：浏览器窗口对象：

获取：直接使用window，其中window.可以省略，window.alert("Hello JS");

属性：

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

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

Navigator：对Navigator浏览器对象的只读引用。

常见方法：

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

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

返回为true或false，然后将结果打印出来。

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

周期性执行：

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

只会执行一次。

代码：

<!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>
        // 获取
        // window.alert("Hello JS-BOM");
        // alert("Hello BOM window");

        // 方法
        // confirm()
        // var res = confirm("您确认删除该记录吗？");
        // alert(res);       // 确认返回为true，取消返回为false。

        // 定时器 serInterval()
        // var count = 0;
        // setInterval(function() {
        //     count++;
        //     console.log("定时器执行了" + count + "次");
        // }, 2000);

        // 定时器 setTimeout 延时执行
        setTimeout(function() {
            console.log("3秒后执行");
        }, 3000);
        
    </script>
</body>
</html>

Location：地址栏对象

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

window.location.属性

location.属性

属性：

href：设置或者返回完整的URL。