HTML -新的网页与HTML部分点击

HTML - new page with html section on click

本文关键字：HTML 网页      更新时间：2023-09-26

我有一个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>

就是不知道怎么把这两个链接起来

您可以添加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>

你想显示的内容是在同一个文件，所以这不是一个新的页面，但相同的页面(在标签)，所以给你的标签一些名称，例如

<div class="tab" name="MyPage">
然后替换 
alert ("Hello World!");


window.location.href="#MyPage";
相关文章：