Перенаправление в локальный файл html не открывается в том же окне

Question

Я знаю, что подобные вопросы заданы, но после различных тестов никто не работает. Я думаю, что он должен что-то сделать с тем, что я пытаюсь перенаправить из локального html-файла в другой локальный html-файл с помощью js.

Кнопка в моем creationPage.html:

 <form> 
      <button id="createChar">Create character</button> 
     </form> 

код в моем файле JS переадрессации:

var Create = document.getElementById('createChar'); 

    Create.addEventListener("click", function() { 

    //window.open(url); //opens in a new tab, WHICH IS NOT DESIRED !!! 
    //window.location.replace(url); //doesnt work either. 

    var url = "http://localhost/myprojects/L2/selectYourCharacter/test.html"; 
    window.location.href = url; 
    return false; 
}); 

Я хочу придерживаться addListenerEvent, как это лучшая практика. Если я запустил window.open(url, "_blank"), он не работает.

Реферат: Я хочу перенаправить через свою кнопку, расположенную в http://localhost/myprojects/L2/charCreation/creationPage.html, до http://localhost/myprojects/L2/selectYourCharacter/selectYourCharacter.html, оставаясь в том же окне.

Большое спасибо за вашу помощь, как я застрял с этим в течение нескольких часов ...

Примечание: window.open («www.youraddress.com», «_ я») не работает и Я думаю, это потому, что мои файлы работают на localhost.

Answer 1

Полный ответ, почему ваш код не работает потому, что кнопка, которую вы имеете, заполнив форму. Возврат false из прослушивателя кликов просто указывает браузеру, с которым вы не справились.

Этот код;

var Form = document.getElementById('form'); 

Form.addEventListener("submit", function(e) { 

    //window.open(url); //opens in a new tab, WHICH IS NOT DESIRED !!! 
    //window.location.replace(url); //doesnt work either. 

    var url = "http://localhost/myprojects/L2/selectYourCharacter/test.html"; 
    window.location = url; 
    e.preventDefault(); 
}); 

будет работать, потому что он остановит отправку по умолчанию формы. Кнопка отправляет форму и обрабатывает событие отправки, чтобы сделать то, что вы хотите.

также:

var Create = document.getElementById('createChar'); 

Create.addEventListener("click", function(e) { 

    //window.open(url); //opens in a new tab, WHICH IS NOT DESIRED !!! 
    //window.location.replace(url); //doesnt work either. 

    var url = "http://localhost/myprojects/L2/selectYourCharacter/test.html"; 
    window.location = url; 
    e.preventDefault(); 
}); 

это работает на ту же идею, но вместо этого останавливается поведение по умолчанию кнопки, которая представившая форме.

Answer 2

Попробуйте использовать с тегом так:

<a href="/myprojects/L2/selectYourCharacter/selectYourCharacter.html" style="text-direction:none"> 
    <button>Your Button Text</button> 
</a>