javascript - saut d'URL de page Web
仅有的幸福
仅有的幸福 2017-06-12 09:28:38
0
4
844

Pourquoi de nombreux sites Web n'utilisent-ils pas la balise a pour le saut d'URL ? F12 ne peut voir aucune information de saut sur la balise, mais il peut accéder à l'URL lorsque vous cliquez dessus. Ou est-ce qu'il s'est passé autre chose ? Pour que je ne puisse voir aucune donnée de la balise que f12 ne peut pas voir ? J'ai été confus pendant un moment. C'était la première fois que je voyais un tel f12. Après l'avoir étudié pendant longtemps, je ne comprenais toujours pas comment l'implémenter en js !

仅有的幸福
仅有的幸福

répondre à tous(4)
phpcn_u1582

js jump, donne-moi un exemple

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

Événement de saut en clic lié

过去多啦不再A梦
<a>1</a>
<a>2</a>
<a>3</a>

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

Actuellement, les pages uniques utilisent généralement history.pushState
https://developer.mozilla.org...

vue-routeur

Mode de hachage par défaut de vue-router - utilise le hachage de l'URL pour simuler une URL complète, ainsi lorsque l'URL change, la page ne sera pas rechargée.

Si nous ne voulons pas d'un hachage laid, nous pouvons utiliser le mode historique de routage, qui utilise pleinement l'API history.pushState pour effectuer des sauts d'URL sans recharger la page.

https://router.vuejs.org/zh-c...

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal