Maison  >  Article  >  interface Web  >  Résumé de la façon dont un lien exécute js (avec code)

Résumé de la façon dont un lien exécute js (avec code)

不言
不言original
2018-08-23 17:04:412351parcourir

Ce que cet article vous apporte est un résumé de la façon d'exécuter js sur un lien (avec du code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Objectif : interdire les sauts et exécuter directement la fonction liée par un lien

href="javascript:;", où javascript : est un pseudo-protocole, qui permet Nous appelons la fonction javascript via un lien.De cette façon, javascript:; peut réaliser l'événement click de la balise A lors de l'exécution. Si la page a beaucoup de contenu et qu'il y a des barres de défilement, la page ne sautera pas et la page ne sautera pas. l'expérience utilisateur sera meilleure

1 : Exécution directe

<a href="javascript:a()&#39;;">  //直接执行函数a不推荐

2 : Aucune exécution de saut recommandée

<a href="javascript:void(0);" onclick=&#39;a()&#39;>   //不发生跳转直接执行函数a 推荐

3 : Comme ci-dessus Recommandé

<a href="javascript:;" onclick=&#39;a()&#39;>       //执行了一条空的js代码 推荐

4 : Point d'ancrage vide

<a href="#" onclick=&#39;a()&#39;>   
//#表示top用这种方法点击后网页后返回到页面的最顶端。

5 : Idem ci-dessus, ne pas revenir en haut de la page Recommandé

<a href="#" onclick=&#39;a()&#39; return false;>    //触发事件但不跳转  推荐

Recommandations associées :


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn