javascript - 网页url跳转
仅有的幸福
仅有的幸福 2017-06-12 09:28:38
0
4
838

为什么很多网站都没用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...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板