Кнопка ссылки на HTML-файл в моих ресурсах

Question

у меня в resources/static: index.html, app.js, login/login.html, login/login.js.В index.html я хотел бы иметь кнопку, и когда вы нажимаете на нее, вы переходите к login/login.html.Я хотел бы сделать это в чистом Javascript.Какой самый простой способ сделать это?

Answer 1

Просто создайте такую ​​кнопку в HTML.

<button id="myButton" class="float-left submit-button" >GO to Login Page</button>

И используйте действие onclick в кнопке, используя JavaScript.

   <script type="text/javascript">
            document.getElementById("myButton").onclick = function () {
                location.href = "login/login.html";
            };
   </script>

Answer 2

HTML:

<button onclick="goToLogin();" >click here to go on login </button>

javascript:

function goToLogin(){
     location.assign("login/login.html"); 
}

Примечание. Пожалуйста, проверьте этот тест и выберите лучший: https://jsperf.com/location-href-vs-location-assign/14

Answer 3

'стандартный' способ сделать это без 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";
}