javascript - 網頁url跳轉
仅有的幸福
仅有的幸福 2017-06-12 09:28:38
0
4
788

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

仅有的幸福
仅有的幸福

全部回覆(4)
phpcn_u1582

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>
習慣沉默

綁定的點擊跳轉事件

过去多啦不再A梦

雷雷

某草草

現在的單頁一般都是用 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...

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!