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!');
- 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');
2. 定时器方法:
- window.setTimeout(function, delay): 在指定的毫秒数后执行一次函数。
window.setTimeout(function() {
console.log('Delayed message after 2 seconds.');
}, 2000);
- window.setInterval(function, delay): 在指定的毫秒数间隔内重复执行函数。
window.setInterval(function() {
console.log('Repeated message every 3 seconds.');
}, 3000);
全局作用域中的变量和函数
在浏览器环境中,全局作用域中声明的变量和函数会被自动成为 window 对象的属性和方法。
let globalVariable = 'I am global!';
console.log(window.globalVariable);
注意事项
- window 对象在浏览器环境下是默认存在的,但在其他 JavaScript 运行环境中(例如 Node.js)可能不存在。
- 在现代 JavaScript 开发中,尽量避免滥用全局变量和 window 对象,采用模块化和封装的方式组织代码。
这是有关 JavaScript window 对象的一些基本信息。在 Web 开发中,window 对象通常用于处理与浏览器窗口相关的任务。
转载请注明出处:http://www.zyzy.cn/article/detail/3564/JavaScript