如何使用 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) The window.open()无法打开我的文件夹中的 HTML 文件。

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

我在寻找什么：

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

2）一种从初始页面（带有表格）在新页面上设置元素样式的方法。

感谢所有帮助:)

Answer 1

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

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

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

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