搜尋

首頁  >  問答  >  主體

javascript - 網頁url跳轉

為什麼很多網站都沒用a標籤做url跳轉,f12也看不到標籤上有任何跳轉的資訊但是點擊卻能url跳轉怎麼做的?還是做了什麼處理?讓我看不到f12看不到標籤的任何資料?一下子懵了,第一次看到這樣的f12研究了很久也沒搞懂js怎麼實現的!

仅有的幸福仅有的幸福2753 天前848

全部回覆(4)我來回復

  • phpcn_u1582

    phpcn_u15822017-06-12 09:30:38

    js 跳轉啊,舉個栗子

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
    
    <button id="btn">Go</button>
    
    <script>
    var btn = document.getElementById("btn");
    btn.addEventListener("click",function(e){
        window.location.href="https://segmentfault.com";
    });
    </script>    
    </body>
    </html>

    回覆
    0
  • 習慣沉默

    習慣沉默2017-06-12 09:30:38

    綁定的點擊跳轉事件

    回覆
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-06-12 09:30:38

    雷雷

    回覆
    0
  • 某草草

    某草草2017-06-12 09:30:38

    現在的單頁一般都是用 history.pushState
    https://developer.mozilla.org...

    vue-router

    vue-router 預設 hash 模式 —— 使用 URL 的 hash 來模擬一個完整的 URL,所以當 URL 改變時,頁面不會重新載入。

    如果不想要很醜的 hash,我們可以使用路由的 history 模式,這種模式充分利用 history.pushState API 來完成 URL 跳轉而無須重新加載頁面。

    https://router.vuejs.org/zh-c...

    回覆
    0
  • 取消回覆