javascript - 将按钮链接到我的资源中的 html 文件

Question

我在resources/static中有: index.html、app.js、login/login.html、login/login.js。在 index.html 中，我希望有一个按钮，当您单击它时，您会转到 login/login.html。我想用纯 Javascript 来做。最简单的方法是什么？

Answer 1

无需 js 的“标准”方式

<a href="login/login.html">click me to get redirected to login</a>

“js 方式”执行此操作:

HTML:

<button onclick="redirectToLogin();">Press me to get into login page</button>

JavaScript:

function redirectToLogin(){
    window.location.href = "login/login.html";
}

或 jQuery 方式:

HTML:

<button id="loginbutton">Press me to get into login page</button>

JavaScript:

$('#loginbutton').on('click', function(){
    window.location.href = "login/login.html";
}