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");