ローカルHTMLファイルへのリダイレクトは同じウィンドウで開きません

Question

同様の質問がされていることは知っていますが、いろいろなテストの後に誰も動作しないようです。私は、ローカルのhtmlファイルからjsを使って別のローカルhtmlファイルにリダイレクトしようとしているという事実と何かをしなければならないと思います。私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 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>