suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Javascript – Webseiten-URL springen

Warum verwenden nicht viele Websites das Tag „a“ für den URL-Sprung? F12 kann keine Sprunginformationen auf dem Tag sehen, aber es kann beim Klicken zur URL springen. Oder ist etwas anderes passiert? Damit ich keine Daten des Tags sehen kann, die f12 nicht sehen kann? Ich war für einen Moment verwirrt. Es war das erste Mal, dass ich so etwas sah. Nachdem ich es lange studiert hatte, verstand ich immer noch nicht, wie man es in js implementiert.

仅有的幸福仅有的幸福2753 Tage vor843

Antworte allen(4)Ich werde antworten

  • 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>

    Antwort
    0
  • 習慣沉默

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

    绑定的点击跳转事件

    Antwort
    0
  • 过去多啦不再A梦

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

    <a>1</a>
<a>2</a>
<a>3</a>

$("a").click(function() {
  window.location.href="xxxxx"
})

    Antwort
    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...

    Antwort
    0
  • StornierenAntwort