Javascript：通过单击按钮加载 HTML 页面

Question

我有一个用 HTML 定义的button 。

单击此按钮时，我想加载页面 background.html。 但我想从 javascript 中做到这一点，而不是从 .html 文件中。 所以在我的register.js文件中，我有以下内容：

 $(document).ready(function() { $("#btnApply").click(function() { window.open("background.html"); }) });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="button" id="btnApply" value="Register">

但这不会加载页面。 我错过了什么？

Answer 1

这可能是因为弹出窗口在该页面上被阻止。 您只需要允许它们（来自 Chrome 的屏幕截图）：

并确保您：

1. 在浏览器中运行此代码（否则您将没有window对象）

2. background.html与您的脚本在同一个文件夹中

Answer 2

<input type = "button" id = "btnApply" value = "Register" onclick="loadPage()">

那么该函数可以在您的 register.js 文件中为：

    function loadPage()
{

     window.location="background.html";

}

Answer 3

open()方法打开一个新的浏览器窗口。 如果您希望它从同一个窗口加载，请使用location对象。

window.location.assign("background.html");