js中window 的子对象

在JavaScript中，window 对象是全局对象，代表了浏览器窗口或者是一个网页框架。它提供了很多属性和方法来操作浏览器窗口以及与网页内容交互。window 对象的子对象包括但不限于以下几个：

1. document

document 对象代表了当前加载在窗口中的HTML文档，提供了对文档内容的访问和修改功能。

2. navigator

navigator 对象包含了浏览器的信息，比如浏览器名称、版本、操作系统等。

3. location

location 对象包含了当前文档的URL信息，并且提供了很多方法来导航到新的页面或者刷新当前页面。

4. history

history 对象允许你操作浏览器的历史记录，比如前进、后退等。

5. screen

screen 对象包含了关于用户屏幕的信息，比如屏幕宽度、高度等。

6. frames

frames 对象是一个类数组对象，包含了当前窗口中所有的frame和iframe元素。

7. setTimeout 和 clearTimeout

这两个方法用于设置和清除定时器，可以用来在指定的时间后执行代码。

8. setInterval 和 clearInterval

这两个方法用于设置和清除间隔定时器，可以用来每隔一段时间重复执行代码。

9. alert, confirm, prompt

这些方法是浏览器提供的对话框，分别用于显示警告信息、确认对话框和提示用户输入信息。

10. XMLHttpRequest 和 fetch

这两个对象/方法用于发起HTTP请求，与服务器进行数据交互。

优势

• window 对象及其子对象提供了丰富的API，使得开发者可以轻松地与浏览器窗口和网页内容进行交互。
• 通过window对象，开发者可以实现页面导航、定时任务、用户交互等功能。

应用场景

• 使用document对象来动态修改网页内容和结构。
• 使用location对象来实现页面跳转或者刷新。
• 使用setTimeout和setInterval来实现动画效果或者定时更新数据。
• 使用XMLHttpRequest或fetch来从服务器获取数据，实现动态网页。

常见问题及解决方法

问题：如何在新窗口中打开链接？

可以使用window.open()方法来在新窗口中打开链接。

window.open('https://www.example.com', '_blank');

问题：如何获取URL中的参数？

可以通过location.search属性获取URL中的查询字符串，然后解析它来获取参数。

function getQueryParamByName(name) {
    let queryStr = window.location.search.substring(1);
    let vars = queryStr.split('&');
    for (let i = 0; i < vars.length; i++) {
        let pair = vars[i].split('=');
        if (decodeURIComponent(pair[0]) === name) {
            return decodeURIComponent(pair[1]);
        }
    }
    return null;
}

问题：如何定时刷新页面？

可以使用setInterval方法结合location.reload()来定时刷新页面。

setInterval(function() {
    location.reload();
}, 60000); // 每60秒刷新一次

这些是window对象的一些基础概念、优势、类型、应用场景以及常见问题的解决方法。如果你有更具体的问题或者需要更详细的解释，请提出具体问题。