在JavaScript中,Window 对象代表浏览器的窗口或一个框架。它是 Browser Object Model(BOM)的一部分,提供了许多与浏览器窗口相关的属性和方法。以下是一些常用的 Window 对象的属性和方法:

属性:

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