window 对象的属性
1. window.document: 表示当前窗口中加载的文档(document 对象),可以用于操作和查询文档内容。
let body = window.document.body;
2. window.location: 包含有关当前 URL 的信息,可以用于获取或修改当前页面的 URL。
console.log(window.location.href);
3. window.navigator: 包含有关浏览器的信息,例如浏览器名称、版本等。
console.log(window.navigator.userAgent);
4. window.screen: 包含有关用户屏幕的信息,例如屏幕宽度和高度。
console.log(window.screen.width);
window 对象的方法
1. window.alert(message): 弹出警告框,显示指定的消息。
window.alert('This is an alert!');
2. window.confirm(message): 弹出确认框,显示指定的消息,并返回用户的选择(true 或 false)。
let result = window.confirm('Do you want to proceed?');
3. 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 对象,采用模块化和封装的方式组织代码。
这只是关于 JavaScript window 对象的简要介绍。在 Web 开发中,window 对象通常用于处理与浏览器窗口相关的任务。
转载请注明出处:http://www.pingtaimeng.com/article/detail/3563/JavaScript