Maison interface Web tutoriel HTML La différence et la priorité entre l'utilisation de href et onclick dans la balise HTML a

La différence et la priorité entre l'utilisation de href et onclick dans la balise HTML a

Jun 09, 2018 pm 05:01 PM
a une étiquette href onclick

Cet article partage principalement un article sur l'utilisation, la différence et la priorité de href et onclick dans la balise HTML A. Il a une bonne valeur de référence. Les amis qui ont besoin d'en savoir plus peuvent le lire

Si vous le faites. Si vous n'avez pas défini l'attribut href dans IE6, vous ne répondrez pas au survol. Après un double-clic, le conteneur parent de l'étiquette sera sélectionné à la place de l'étiquette (ce problème existe sous IE).

Le code est le suivant

<a href="javascirpt:fn(this)"> <a onclick="fn(this)">

Supposons que nous ayons une méthode fn qui doit obtenir cet élément, le this transmis par la première méthode est une valeur nulle.


Donc, la manière d'écrire la plus recommandée est

Le code est le suivant

<a href="javascript:void(0)" onclick="fn(this)">

Le code suivant exécute la fonction subgo(),

Le code est le suivant

<a href="javascript:void(0)" onclick="subgo()">点我</a>

Ici, javascript:void(0) n'a pas de fonction réelle. C'est juste un lien mort et la fonction exécutée. est subgo() .

Le code est le suivant

点我与<a href="javascript:void(0)" onclick="subgo()">点我</a>区别。

En fait, #contient une information de localisation. L'ancre par défaut est #top, qui est le haut de la page Web, et javascript:void(. 0) représente uniquement un lien mort. Il n'y a aucune information. Par conséquent, il est préférable d'utiliser void(0)

href qui pointe généralement vers une adresse URL lors de l'appel d'un script. Vous pouvez également appeler du javascript, tel que href="javascript:xxx();". recommandé d'écrire ainsi dans le document :

Le code est le suivant

<a href="http://www.jb51.net/zhongxing/U880/ javascript:void(0)" onclick="xxx();">xx</a>

Cependant, cette méthode provoque parfois des problèmes étranges dans des environnements complexes. Essayez de ne pas utiliser le protocole javascript: comme protocole. attribut href de A. Cela entraînera non seulement un déclenchement inutile de l'événement window.onbeforeunload qui arrêtera la lecture de l'image animée GIF dans IE.

Nous savons que l'événement onclick du lien est exécuté en premier, suivi de l'action sous l'attribut href (saut de page, ou pseudo lien javascript si vous ne souhaitez pas exécuter l'action sous l'attribut href). , onclick doit renvoyer false. Généralement, onclick="xxx();return false;".

Le code source JS de TabPane est écrit comme ceci Puisque onclick ne renvoie pas FALSE, lorsque TABPANE est fermé dans IFRMAE, cela entraînera des problèmes d'exécution de href et d'affichage des pages. La solution consiste à copier le code suivant dans le JSP à l'aide de TAB.

Priorité d'utiliser href et onclick en même temps dans la balise Html A

1 commande

ie 6 : href déclenche d'abord onclick, puis déclenche

Les autres navigateurs déclenchent onlick d'abord, puis href

2 href="javascript: xxx()"

Ceci ne peut pas être passé en paramètre

onclick peut

Le code est le suivant

<a href="javascript:alert(&#39;href event&#39;);" onclick="clickevent(this);">

3 Si la méthode qui est déclenchée le premier renvoie faux, ce dernier événement ne sera pas déclenché

Par exemple,

le code est le suivant

<a href="javascript:alert(&#39;href event&#39;);" onclick="clickevent(this); return false;">

4

entraînera le positionnement de la page à la position du signet,

5

Pour les raisons 1 et 4,

a également

6 Résumé :

1) Lorsqu'il n'est pas nécessaire de passer ceci comme paramètre de méthode, il est recommandé de

utiliser uniquement href= "JavaScript : "

2) Si vous devez utiliser ce paramètre, il est recommandé que le code

soit le suivant

<a href="javascript:void(0);" onclick="doSomthing(this)" >

comme l'exemple suivant.

Nous avons besoin de A pour accéder à href au premier et au deuxième clic, et accéder à une autre adresse après la troisième fois

Le code est le suivant

var href=0
function clicka(obj)
{
 if (href==2)
 {
 obj.href="http://www.baidu.com?qc";
 }else
 {
 href++;
 }
 return true;
}
 <a href="http://www.jb51.net/" target=_blank id="showa" onclick="clicka(this)"> 开屏高速下载 </a>

La différence entre utiliser javascript dans le href et onclick d'une balise

L'événement onclick du lien est exécuté en premier, suivi de l'action sous l'attribut href (saut de page, ou pseudo-lien javascript);

En supposant que href et onclick existent dans le lien, si vous souhaitez que l'action sous l'attribut href ne soit pas exécutée, onclick doit obtenir une fausse valeur de retour. Si vous n'y croyez pas, vous pouvez commenter le return false dans la fonction goGoogle

Si la page est trop longue et comporte une barre de défilement, et que vous souhaitez effectuer des opérations via l'événement onclick du ; lien. Son attribut href doit être défini sur javascript:void(0); au lieu de #, ce qui peut éviter des sauts de page inutiles

Si une fonction avec une valeur de retour est appelée dans l'attribut href du lien, le contenu de la page actuelle sera remplacé par la valeur de retour de cette fonction

sera différente en maintenant la touche Shift enfoncée.

Le problème que j'ai rencontré aujourd'hui est que je ne peux pas accéder à parentNode sous la forme de href dans IE6.0.

Essayez de ne pas utiliser javascript: protocol comme attribut href de A. Cela entraînera non seulement le déclenchement inutile de l'événement window.onbeforeunload, mais empêchera également la lecture de l'image animée GIF dans IE.

C'est tout, j'ai passé beaucoup de temps là-dessus.

[Raison]

Lors de l'utilisation du contrôle CheckBoxList, je souhaite ajouter un lien après chaque case à cocher. En plus de cliquer sur le lien pour réaliser certaines fonctions, je dois également cocher la case. .

Le code est le suivant

<input type="checkbox" name="chk" id="chk">
<label for="chk">选中它<a onclick="this.parentNode.click();" href="http://luwenxiang1990.blog.163.com/blog/#" style="border:solid 1px blue;">[label中的链接]</a></label>

Enfin, il est implémenté à l'aide de parentNode.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Explication sur l'utilisation de l'attribut href de la balise HTML pour spécifier les chemins relatifs et les chemins absolus

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 de ce site Web
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

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Quel fichier est index.html ? Quel fichier est index.html ? Feb 19, 2024 pm 01:36 PM

index.html représente le fichier de la page d'accueil de la page Web et est la page par défaut du site Web. Lorsqu'un utilisateur visite un site Web, la page index.html est généralement chargée en premier. HTML (HypertextMarkupLanguage) est un langage de balisage utilisé pour créer des pages Web, et index.html est également un fichier HTML. Il contient la structure et le contenu d'une page Web, ainsi que les balises et les éléments utilisés pour le formatage et la mise en page. Voici un exemple de code index.html : &lt

Comment supprimer la couleur d'une balise en CSS Comment supprimer la couleur d'une balise en CSS Apr 25, 2024 pm 05:42 PM

Pour supprimer la couleur inhérente de la balise a, vous pouvez utiliser la méthode suivante : Utilisez la propriété CSS color pour spécifier la couleur du texte. Utilisez la propriété CSS link-color pour spécifier la couleur du lien. Utilisez la propriété CSS text-decoration pour supprimer le soulignement et la couleur du texte par défaut. Utilisez la propriété CSS hover color pour changer la couleur du texte au survol de la souris. Utilisez la propriété CSS de couleur visitée pour modifier la couleur du texte des balises visitées.

Que signifient src et href ? Que signifient src et href ? Aug 16, 2023 pm 05:00 PM

src et href valent respectivement 1. src est l'abréviation de source, qui est utilisée pour spécifier le chemin des ressources externes. Elle est généralement utilisée pour intégrer des fichiers externes, tels que des images, des audios, des vidéos, etc. L'attribut src est généralement. utilisé sur les balises img, script, iframe et autres. href est l'abréviation de référence hypertexte, qui est utilisée pour spécifier le chemin de la ressource cible du lien hypertexte. L'attribut href est généralement utilisé sur des balises telles que a et link.

Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page Feb 28, 2024 pm 09:06 PM

Titre : jQuery Astuces : Modifier rapidement le texte de toutes les balises a de la page En développement web, nous avons souvent besoin de modifier et d'exploiter des éléments de la page. Lorsque vous utilisez jQuery, vous devez parfois modifier le contenu textuel de toutes les balises de la page en même temps, ce qui peut économiser du temps et de l'énergie. Ce qui suit explique comment utiliser jQuery pour modifier rapidement le texte de toutes les balises a de la page et donne des exemples de code spécifiques. Tout d'abord, nous devons introduire le fichier de la bibliothèque jQuery et nous assurer que le code suivant est introduit dans la page : &lt

Utilisez jQuery pour modifier le contenu textuel de toutes les balises Utilisez jQuery pour modifier le contenu textuel de toutes les balises Feb 28, 2024 pm 05:42 PM

Titre : utilisez jQuery pour modifier le contenu textuel de toutes les balises. jQuery est une bibliothèque JavaScript populaire largement utilisée pour gérer les opérations DOM. En développement web, nous rencontrons souvent le besoin de modifier le contenu textuel de la balise de lien (une balise) sur la page. Cet article expliquera comment utiliser jQuery pour atteindre cet objectif et fournira des exemples de code spécifiques. Tout d’abord, nous devons introduire la bibliothèque jQuery dans la page. Ajoutez le code suivant dans le fichier HTML :

Comment implémenter le code PHP pour accéder à une page spécifiée Comment implémenter le code PHP pour accéder à une page spécifiée Mar 07, 2024 pm 02:18 PM

Lors de la rédaction d’un site Web ou d’une application, vous rencontrez souvent le besoin d’accéder à une page spécifique. En PHP, nous pouvons réaliser un saut de page grâce à plusieurs méthodes. Ci-dessous, je vais vous présenter trois méthodes de saut courantes, notamment l'utilisation de la fonction header(), l'utilisation du code JavaScript et l'utilisation des balises méta. Utilisation de la fonction header() La fonction header() est une fonction utilisée en PHP pour envoyer les informations d'en-tête HTTP originales. Cette fonction peut être utilisée en combinaison lors de l'implémentation de sauts de page. Ci-dessous se trouve un

Comment implémenter le saut de page en 3 secondes : Guide de programmation PHP Comment implémenter le saut de page en 3 secondes : Guide de programmation PHP Mar 25, 2024 am 10:42 AM

Titre : Méthode d'implémentation du saut de page en 3 secondes : Guide de programmation PHP Dans le développement web, le saut de page est une opération courante. Généralement, nous utilisons des balises méta dans les méthodes HTML ou JavaScript pour accéder aux pages. Cependant, dans certains cas précis, nous devons effectuer des sauts de page côté serveur. Cet article expliquera comment utiliser la programmation PHP pour implémenter une fonction qui accède automatiquement à une page spécifiée dans les 3 secondes, et donnera également des exemples de code spécifiques. Le principe de base du saut de page en utilisant PHP PHP est une sorte de.

Que dois-je faire si la page Web PHP contient des caractères chinois tronqués ? Une solution complète Que dois-je faire si la page Web PHP contient des caractères chinois tronqués ? Une solution complète Mar 26, 2024 pm 03:27 PM

Le problème des caractères chinois tronqués dans les pages Web PHP est que les caractères chinois sont affichés sous forme de caractères tronqués dans l'affichage de la page Web. Cette situation est généralement due à un encodage incohérent ou au jeu de caractères non défini. Résoudre le problème des caractères chinois tronqués dans les pages Web PHP nécessite de partir de plusieurs aspects. Voici quelques solutions courantes et exemples de code spécifiques. Définir l'encodage du fichier PHP : Assurez-vous d'abord que l'encodage du fichier PHP lui-même est UTF-8. Vous pouvez définir l'encodage UTF-8 lors de l'enregistrement dans l'éditeur, ou ajouter le code suivant à l'en-tête du fichier PHP pour le définir. l'encodage : &l

See all articles