Как я могу перенаправить из одного файла HTML в другой, используя javascript (файлы локальные)?

Question

index. html путь к файлу: / Users / nixon / Documents / Website Development / Pers Website / index. html

страница входа. html путь: / Users / nixon / Documents / Website Разработка / веб-сайт Pers / страница входа. html

let loginButton = document.querySelector("#login")

loginButton.addEventListener('click', reDirectingLoginPage);

function reDirectingLoginPage() {
  window.replace("/Users/nixon/Documents/Website Development/Pers Website/index.html")
}

--- ОБНОВЛЕНИЕ НА 08.08.2020 ---

Пытался обновить код до этого, но этого не произошло. т работать. HTML:

button onclick="goToURL" id="login" type="button" class="btn btn-lg btn-dark">Login</button">

JS:

function goToURL() {
  window.open("Users/nixon/Documents/Website Development/Pers Website/loginpage.html")
}

В консоли ошибок нет: https://gyazo.com/29a2084c082f66f943795ecfef3b3909

Answer 1

[1.0] Ваш onclick нуждается в круглых скобках.

[1.1] Вместо этого вы можете использовать прослушиватель событий. Делая это таким образом, вы опустите круглые скобки

[1.2] Если вы не делаете ничего, кроме загрузки новой страницы с javascript, вам не нужно javascript для этого . элементы привязки предназначены для перехода на веб-страницы.

[1.3] replace () является частью объекта местоположения. Не окно. Вместо window.replace() это должно быть window.location.replace()

[1.4] Я уже упоминал replace, но заметил, что это мешает вам использовать кнопку возврата. Если вместо этого вы используете assign, кнопка возврата будет работать нормально.

let loginButton1 = document.querySelector("#login1");
let loginButton2 = document.querySelector("#login2");

loginButton2.addEventListener('click', reDirectingLoginPage);

function reDirectingLoginPage() {

// [1.3] and [1.4]
    // window.location.replace("http://example.com");
    window.location.assign("http://example.com");
  alert("these url assignments aren't working stackoverflow code snippets. This alert proves it's running. Take these to your project and they should work.");
}

<!-- [1.0] -->
<button id="login1" onclick="reDirectingLoginPage()">Login1</button>

<!-- [1.1] -->
<button id="login2">Login2</button>

<!-- [1.2] -->
<a href="http://example.com">Login3</a>