HTML - 點擊html部分的新頁面

Question

我有幾個類的HTML頁面，其中一個我想單擊按鈕時訪問。這可能嗎？這是我當前的代碼：

<div class = "sign-in"> 
     <button id="myButton">Click to log in</button> 
     <script type="text/javascript"> 
     document.getElementById("myButton").addEventListener("click", myFunction, true); 
     function myFunction() { 
      alert ("Hello World!"); 
     } 
     </script> 
    </div> 

而不是有一個彈出窗口說「Hello World」的，我想按鈕導航到一個新的頁面，這是在同一個HTML文件已經構建但是，如下所示：

<div class="tabs"> 

    <div class="tab"> 
     <input type="radio" id="tab-1" name="tab-group-1" checked> 
     <label for="tab-1">Scanner</label> 

     <div class="content"> 
      Click here for your scanner 
     </div> 
    </div> 

</div> 

剛纔確定如何鏈接兩者。先謝謝你！

Answer 1

你可以添加window.location.href重定向你的網頁

例如

<div class = "sign-in"> 
     <button id="myButton">Click to log in</button> 
     <script type="text/javascript"> 
     document.getElementById("myButton").addEventListener("click", myFunction, true); 
     function myFunction() { 
      window.location.href="mypage.html"; 
     } 
     </script> 
    </div> 

Answer 2

要顯示在相同的文件，所以這不是一個新的頁面內容，但相同的頁面（在標籤），所以給你的標籤一些名字，例如

<div class="tab" name="MyPage"> 

，然後更換

alert ("Hello World!"); 

與

window.location.href="#MyPage";