问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

网页url跳转

头像
zhuangchen
    15011931

    为什么很多网站都没用a标签做url跳转，f12也看不到标签上有任何跳转的信息但是点击却能url跳转怎么做的？还是做了什么处理？让我看不到f12看不到标签的任何数据？一下子懵了，第一次看到这样的f12研究了很久也没搞懂js怎么实现的！

    htmljavascriptvue.js
    阅读 4k
    4 个回答
    得票最新
    头像
    Tony
      3.4k123246
      头像
      Yooloo
        9672615

        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>
        头像
        Andrea
          1.4k41019

          绑定的点击跳转事件

          头像
          Noiya
            25244860
            <a>1</a>
<a>2</a>
<a>3</a>

$("a").click(function() {
  window.location.href="xxxxx"
})
            头像
            ycloud
              1.5k219

              现在的单页面一般都是用 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...

              撰写回答
              你尚未登录，登录后可以
              • 和开发者交流问题的细节
              • 关注并接收问题和回答的更新提醒
              • 参与内容的编辑和改进，让解决方法与时俱进
              推荐问题