使用JavaScript選擇頁面的單選按鈕

Question

我正在學習請幫助。 我感謝任何答復

我想知道如何制作一條警告消息，它要求用戶選擇一個頁面，一旦選擇加載到該特定頁面。

例如我想要

主頁-index.html

關於我們-about.html

與我們聯系-contact.html

Answer 1

這是您的起點：

<script type="text/javascript">
    function changePage(pageNum) {
        if (pageNum == 1) { var pageURL = 'page1.html'; }
        if (pageNum == 2) { var pageURL = 'page2.html'; }
        if (pageNum == 3) { var pageURL = 'page3.html'; }
        window.location.href = pageURL;
    }
</script>

<h1>Select Page:</h1>
<input type="button" onclick="changePage(1);" value="Page 1">
<input type="button" onclick="changePage(2);" value="Page 2">
<input type="button" onclick="changePage(3);" value="Page 3">

Answer 2

只需使用HTML鏈接，無需腳本：

<a href="index.html">Home page</a>

使用任何類型的彈出窗口進行常規導航都是很煩的。

要執行您的要求，請學習如何創建以鏈接為內容的元素（例如div），然后根據某些用戶操作顯示或隱藏它。 您可能還希望將其放置在頁面中並覆蓋其他內容，但這只是進一步的麻煩。