使用 JS 打开一个 HTML 文件 - Javascript

在 web 开发中，我们经常需要使用 Javascript 打开一个 HTML 文件。下面介绍几种常用的方法：

1. 使用 window.open()

使用 window.open() 可以在浏览器中打开一个新窗口，并加载指定的 HTML 文件。

window.open('path/to/file.html', '_blank');

其中，第一个参数为 HTML 文件的路径，第二个参数为打开方式，'_blank' 表示在新窗口中打开。

2. 使用 location.href

使用 location.href 可以在当前窗口打开指定的 HTML 文件。

window.location.href = 'path/to/file.html';

3. 使用 XMLHttpRequest

使用 XMLHttpRequest 可以异步加载 HTML 文件，并将其插入到 DOM 中。

const xhr = new XMLHttpRequest();
xhr.open('GET', 'path/to/file.html', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const html = xhr.responseText;
    document.getElementById('container').innerHTML = html;
  }
};
xhr.send();

其中，第一个参数为请求方法，第二个参数为 HTML 文件的路径，第三个参数为是否异步，默认为 true。当请求状态为 4 且响应状态码为 200 时，将响应的 HTML 插入到指定的容器中。

以上就是几种常用的使用 Javascript 打开 HTML 文件的方法。根据具体需求选择相应的方式即可。