Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Javascript – Webseiten-URL springen
仅有的幸福
仅有的幸福 2017-06-12 09:28:38
0
4
841

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.

仅有的幸福
仅有的幸福

Antworte allen(4)
phpcn_u1582
phpcn_u15822017-06-12 09:30:38 4 Etage

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>
Wie +0
Antwort hinzufügen
習慣沉默
習慣沉默2017-06-12 09:30:38 3 Etage

绑定的点击跳转事件

Wie +0
Antwort hinzufügen
过去多啦不再A梦
过去多啦不再A梦2017-06-12 09:30:38 2 Etage 
<a>1</a>
<a>2</a>
<a>3</a>

$("a").click(function() {
  window.location.href="xxxxx"
})
Wie +0
Antwort hinzufügen
某草草
某草草2017-06-12 09:30:38 1 Etage

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

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage