javascript - 如何使用 Javascript 打开另一个 HTML 页面

Question

我在一个网站上工作，想通过在 javascript 中编写一些行来减少页面数量。我在一个页面上有一个表格，可以将您带到其他 15 个页面。所以我想打开一个包含 15 个页面的所有信息的页面，并根据单击表格中的链接显示内容。我的一个表数据如下

<td><a style="color:black;" onClick="openCompiler()">C++ Compiler</a></td>

当链接被点击时，我触发了一个事件调用 openCompiler()。

function openCompiler()
{
    window.open("mypage.html")
    document.getElementById(compiler).style.display="block";
}

在页面中，我有一个包装器(称为编译器)，最初没有显示，但是当单击链接时，它会打开页面并显示包装器(称为编译器)。

我的上述努力都失败了，我正在寻找另一种方式:

1) window.open() 无法打开我文件夹中的 HTML 文件。

2 我不确定 document.getElementById(compiler).style.display="block"; 是否正在寻找当前页面中名为 compiler 的元素。

我在找什么:

1) 一种使用 javascript 打开另一个 html 页面的方法。

2) 一种从初始页面(带有表格的页面)设置新页面元素样式的方法。

感谢所有帮助:)

Answer 1

如果您尝试打开一个 html 文件，您可以从同一文件夹使用以下 javascript 代码:

 location.replace("./name_of_the_file.html")

不要忘记双引号。如果你想打开另一个网站，你可以使用下面的javascript代码:

 location.replace("https://stackoverflow.com")