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

pzfprimi 于 2023-02-21 发布在 Java

关注(0)|答案(3)|浏览(185)

我用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">

但这不能载入页面。我错过了什么？

3条答案

<input type = "button" id = "btnApply" value = "Register" onclick="loadPage()">
则该函数可能在register.js文件中为：

function loadPage()
{

     window.location="background.html";

}

这可能是因为弹出窗口在该页面上被屏蔽了。你所需要做的就是允许它们（来自Chrome的截图）：

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

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

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