属性:
1. window.innerWidth 和 window.innerHeight: 返回浏览器窗口的视口(viewport)宽度和高度,不包括滚动条和边框。
var width = window.innerWidth;
var height = window.innerHeight;
2. window.outerWidth 和 window.outerHeight: 返回浏览器窗口的外部宽度和高度,包括滚动条和边框。
var outerWidth = window.outerWidth;
var outerHeight = window.outerHeight;
3. window.location: 提供对当前窗口中加载文档的链接(URL)的访问。
console.log(window.location.href); // 获取当前页面的完整 URL
4. window.document: 返回对 Document 对象的引用,表示当前窗口中加载的文档。
var myElement = window.document.getElementById('myElement');
方法:
1. window.open(): 打开一个新的浏览器窗口或一个新的浏览器标签页。
window.open('https://www.example.com', '_blank');
2. window.close(): 关闭当前窗口或标签页。
window.close();
3. window.alert()、window.confirm() 和 window.prompt(): 分别用于显示警告框、确认框和提示框。
window.alert('Hello, World!');
var result = window.confirm('Are you sure?');
var userInput = window.prompt('Please enter your name:', 'John Doe');
4. window.setTimeout() 和 window.setInterval(): 用于设置定时器,分别在指定的时间后执行一次或定时重复执行。
setTimeout(function() {
console.log('Timeout completed!');
}, 2000);
setInterval(function() {
console.log('Interval executed!');
}, 1000);
5. window.location.reload(): 重新加载当前窗口中的文档。
window.location.reload();
这些是一些 Window 对象的常见属性和方法,可以用于与浏览器窗口交互。需要注意的是,window 对象是全局对象,因此可以省略 window. 前缀来访问它的属性和方法。例如,window.alert() 可以简写为 alert()。
转载请注明出处:http://www.zyzy.cn/article/detail/6189/JavaScript 和 HTML DOM