访问 window 对象
在浏览器环境中,可以直接访问 window 对象的属性和方法,也可以省略 window 关键字:
// 以下两种方式是等价的
window.alert('Hello, world!');
alert('Hello, world!');
window 对象的一些属性
- window.document: 表示当前窗口中加载的文档(document 对象),可以用于操作和查询文档内容。
let body = window.document.body;
- window.location: 包含有关当前 URL 的信息,可以用于获取或修改当前页面的 URL。
console.log(window.location.href);
- window.navigator: 包含有关浏览器的信息,例如浏览器名称、版本等。
console.log(window.navigator.userAgent);
- window.screen: 包含有关用户屏幕的信息,例如屏幕宽度和高度。
console.log(window.screen.width);
window 对象的一些方法
- window.alert(message): 弹出警告框,显示指定的消息。
window.alert('This is an alert!');
- window.confirm(message): 弹出确认框,显示指定的消息,并返回用户的选择(true 或 false)。
let result = window.confirm('Do you want to proceed?');
- window.prompt(message, defaultText): 弹出输入框,显示指定的消息和默认文本,并返回用户输入的值。
let userInput = window.prompt('Enter your name:', 'John Doe');
其他注意事项
- 在浏览器环境中,全局作用域中声明的变量和函数会被自动成为 window 对象的属性和方法。
let globalVariable = 'I am global!';
console.log(window.globalVariable);
- window 对象在浏览器环境下可直接使用,但在其他 JavaScript 运行环境中(如 Node.js)可能不存在。
这只是关于 JavaScript window 对象的基本信息。在 Web 开发中,通常会使用 window 对象的属性和方法来处理与浏览器窗口相关的任务。
转载请注明出处:http://www.zyzy.cn/article/detail/3561/JavaScript