螺竹编程
发布于 2024-05-27 / 2 阅读
0

JavaScript/BOM:Window对象

在JavaScript中,BOM(浏览器对象模型)是指由浏览器提供的对象集合,用于管理浏览器窗口和文档。其中,window 对象是 BOM 中最重要的对象之一,它代表了浏览器窗口。

window 对象提供了大量的属性和方法,用于操作浏览器窗口和文档。下面是一些常用的 window 对象的属性和方法:

  • window.document: 返回当前窗口的文档对象,可以用它来访问和操作页面的 HTML 和 CSS。

  • window.location: 返回当前窗口的 URL 信息,可以用它来获取或修改当前页面的 URL。

  • window.navigator: 返回当前浏览器的信息,例如浏览器名称、版本、操作系统等。

  • window.history: 返回当前窗口的浏览历史记录,可以用它来控制浏览器的前进和后退操作。

  • window.alert(): 在浏览器窗口中弹出一个警告框。

  • window.prompt(): 在浏览器窗口中弹出一个输入框,用于获取用户输入。

  • window.confirm(): 在浏览器窗口中弹出一个确认框,用于获取用户的确认或取消。

除了上述属性和方法,window 对象还提供了许多其他的属性和方法,例如定时器、屏幕信息、浏览器窗口大小等。需要注意的是,window 对象中的属性和方法可以直接访问,不需要加上对象前缀,例如 window.alert() 可以简写为 alert()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>window</title>
</head>
<body>
<script>
    //var定义的变量会被添加到全局对象
    var varVariable="varVariable";
    //let定义的变量不会被添加到全局对象
    let letVariable="letVariable";
    function sayHi(){
        alert("Hi, window");
    }
    //弹窗显示varVariable
    alert(window.varVariable);
    //弹窗显示undefined
    alert(window.letVariable);
    window.sayHi();
</script>
</body>
</html>