Maison > Article > interface Web > Explication détaillée de la façon d'utiliser onclick et href dans la balise a en HTML
L'événement onclick du lien est exécuté en premier, suivi de l'action sous l'attribut href (saut de page, ou javascript pseudo-lien
Supposons que href) ; existe également dans le lien Avec onclick, 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 retour faux dans la fonction goGoogle Si la page est trop longue et comporte une barre de défilement, et vous souhaitez transmettre l'événement onclick du lien Effectuer des actions. 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 enfoncée la touche Shift ;
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 provoquera non seulement un déclenchement inutile de l'événement window.onbeforeunload, mais provoquera également un gif
animationpicture dans IE. Arrêtez de jouer Voici ce que j'ai rencontré :
Si l'attribut href n'est pas défini, IE6 ne répondra 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).
Supposons que nous ayons une méthode fn et que nous devions obtenir cet élément, la première méthode est transmise Il s'agit d'une valeur nulle.
Donc, la méthode d'écriture la plus recommandée est
Le code suivant exécute la fonction subgo(),
< ;a href="javascript:void(0)" onclick="subgo()">Cliquez sur moi
Ici, javascript:void(0) n'a aucun effet réel, c'est juste un lien mort, et la fonction exécutée est subgo().
Cliquez sur moiCliquez-moiDifférence.
En fait #contient une information de localisation. L'ancre par défaut est #
top qui est le haut de la page web, tandis que javascript:void(0) ne représente qu'un lien mort sans aucune information. Par conséquent, il est préférable d'utiliser void(0) lors de l'appel d'un script href pointe généralement vers une adresse URL, vous pouvez également appeler javascript, comme href="javascript:xxx();", le document recommande d'écrire comme ceci : xx, mais cette méthode produit parfois résultats étranges dans des environnements complexes Concernant le problème, essayez de ne pas utiliser le protocole javascript: comme attribut href de A. Cela entraînera non seulement le déclenchement inutile de l'événement window.onbeforeunload, mais entraînera également l'arrêt de la lecture de l'image gif animée. 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 a besoin. pour renvoyer false. C'est généralement le cas. Écrivez onclick="xxx();return false;".
Code source JS de TabPane puisque onclick ne renvoie pas FALSE, lorsque TABPANE est fermé dans IFRMAE, href sera exécuté. et il y aura un problème avec l'affichage de la page. La solution consiste à copier le code suivant dans le JSP à l'aide de TAB.
-------------------------------------------------------------- -- ------------------------------------------------ -- ----------------------------------------
Quant à ce que les autres fans dit【 Dans IE8, tels que : "javascript:;", "javascript:void(0)", "javascript:void(
null)" sont tous rejetés] car il n'y a pas d'installationIE8, non Osez tirer des conclusions hâtives. -------------------------------------------------------------- -- ------------------------------------------------ -- ----------------------------------------------------
Si c'est vrai dans l'application réelle Le La balise est utilisée pour répondre à l'événement onclick.
Ensuite, il est recommandé d'utiliser les trois méthodes suivantes
1.test test3.test
---- -------------------------------------------------- -----------------------------------------------
Hyperlien< La marque ;a> représente un point de lien et est l'abréviation de l'ancre anglaise (point d'ancrage). Sa fonction est de relier le texte ou les images à l'emplacement actuel à d'autres pages, textes ou images. Ceci est bien connu, mais sa structure grammaticale est peut-être un peu inconnue, et pour l'utiliser efficacement, vous devez comprendre sa structure grammaticale. La structure syntaxique de base de la balise est :
class=type
id=value
href=reference
name=value
rel=same| suivant|parent|précédentious
rev=value
target=window
style=value
title=title
onclick=function
onmouseout=function
onMouseOver=function>Connect
Comme le montre la structure syntaxique de la balise, il existe de nombreux paramètres à définir lorsque définir un lien hypertexte. Il existe des options pour obtenir différents effets de lien, ce qui est un peu inattendu, n'est-ce pas ? !
Les options class et id : sont utilisées pour définir le type de point de liaison et le numéro d'identification attribué, qui ne sont généralement pas définis. Les deux paramètres les plus couramment utilisés sont href et name. href est l'abréviation de référence hypertexte, qui est utilisée pour définir l'adresse du lien. L'adresse du lien doit être une adresse url. Si aucun chemin spécifique n'est indiqué, le chemin par défaut sera le même que le chemin de la page actuelle. Les fichiers liés sont également répartis en plusieurs situations : s'il s'agit d'un fichier HTML, il sera ouvert directement dans le navigateur actuel ; s'il s'agit d'un fichier exécutable (fichier .exe), il sera directement exécuté ou téléchargé. que nous proposons en téléchargement est utilisée. Cette fonctionnalité est utilisée ; s'il s'agit d'un fichier texte tel qu'un fichier au format Word, le fichier peut être ouvert dans le navigateur et peut être modifié et traité.
rel : Indique la définition de la relation de lien : rel=same indique que le fichier à lier est le même que ce fichier, rel=next indique que le fichier à lier est la page suivante, rel=parent indique que ce fichier est le parent du fichier à lier, rel=previous signifie que le fichier à lier est la page précédente.
rev : utilisé pour définir des liens inverses.
Target : définit la fenêtre vers laquelle créer un lien lors de l'utilisation d'une fenêtre frame, et target="_bank" signifie ouvrir une nouvelle fenêtre pour ouvrir la page Web.
Titre : permet de définir le titre affiché lorsque le point de lien est sélectionné.
onclick : Correspond à un événement. Lorsque le point de lien sera cliqué, cet événement sera déclenché et le sous-programme correspondant sera exécuté.
Onmouseover : Semblable à onclick, l'événement correspondant est déclenché lorsque la souris passe sur le point de lien.
onmouseout : L'événement correspondant est déclenché après que la souris quitte le contact de la ville.
Quelques exemples :
Retour à la page d'accueil
< ="http://blog.163.com/wb_zhaoyuwei/blog/sound.wav">Lire le fichier vocal
Exécuter le programme correspondant
document.doc">Ouvrir le document correspondant pour traitement< ;/a>
Compétences d'application
1. Fournir des fichiers de téléchargement
De nombreux internautes ont écrit pour demander comment fournir l'effet de téléchargement. En fait, il s'agit toujours d'un lien hypertexte, mais le fichier à télécharger doit être téléchargé sur le site Web. Par exemple : il existe un package de fichiers "compétences de page Web" à télécharger, le nom du fichier est "homepagejq.zip" et a été téléchargé sur le site Web, le code de ce lien peut alors être écrit comme ceci : Cliquez ici pour télécharger le package de fichiers "Web Page Skills".
2. Ouvrez la page Web liée dans une nouvelle fenêtre
Définissez la valeur de "target" sur "_blank". Exemple : Ouvrez la page Web "aboutme.htm" dans une nouvelle fenêtre. Le code qui produit cet effet est : À propos de moi... 3. Déplacez la souris sur le lien et affichez une ligne de texte de description
Définissez la valeur du paramètre "titre" pour obtenir cet effet. Par exemple : lorsque la souris survole le lien "Villageois de Huangshan", la description "Ceci est un site Web professionnel présentant des compétences en matière de production de pages Web" s'affiche. Le code de ce lien est le suivant : Huangshan Mari du village.
4. Déplacez la souris sur un lien et une fenêtre apparaîtra
C'est l'effet obtenu en définissant le paramètre onmouseover. Exemple : lorsque la souris survole un lien, une fenêtre apparaît et affiche "Démonstration de l'effet de survol de la souris dans la fenêtre !". Le code de ce lien est le suivant : ;/a>. Une méthode similaire peut être utilisée pour créer l'effet d'une fenêtre d'invite apparaissant lorsque la souris est enfoncée et d'une fenêtre d'invite apparaissant lorsque la souris est laissée.
5. Lien vers le contenu spécifié de cette page
Pour créer un lien vers une certaine partie du contenu de cette page (c'est-à-dire "sauter dans le fichier"), vous devez utiliser le paramètre name pour spécifier le nom du point de liaison. Sélectionnez un morceau de texte et utilisez le paramètre name pour le nommer afin de l'utiliser dans les liens. Ce que l'on appelle le saut dans le même fichier signifie que lorsque le lecteur lit un fichier très long, s'il n'est intéressé que par une certaine partie du contenu, il peut utiliser une méthode de lecture par saut. Le format de base est :
Partie 2Le contenu de la première partie...
......... .. ................................
< ;/ a>Le contenu réel de la deuxième partie......
................................. ...........
De cette façon, lorsque vous cliquerez sur le lien hypertexte "Partie 2", vous serez automatiquement transféré vers le "Contenu réel de la Partie 2". Le nom du point de lien défini par le paramètre "name" peut être choisi arbitrairement, mais le nom du point de lien dans le paramètre "href" du lien doit être cohérent avec celui-ci. N'oubliez pas d'ajouter "#" devant.
6. Lien vers l'emplacement de contenu spécifié d'autres pages
La méthode est similaire à l'exemple ci-dessus, mais le nom de fichier de la page Web doit être ajouté avant le nom du point de lien dans le paramètre "href". Exemple : Il existe deux pages Web, page1.htm et page2.htm. Chaque page comporte deux parties de contenu. Nous souhaitons maintenant créer un lien hypertexte dans page1.htm. Lorsque vous cliquez sur le lien, il accède à la deuxième partie de. page2.htm supérieur. Ensuite, nous pouvons faire cela, écrivez d'abord ce code au début de la deuxième partie de page2.htm : ; écrivez ceci dans page1.htm Un code de lien : La deuxième partie de la page2.
7. Lien vers E_mail
Après avoir cliqué sur un hyperlien, le logiciel de gestion de messagerie sur l'ordinateur client sera lancé pour vous écrire une lettre. Par exemple, cette ligne de code : Veuillez m'écrire. Une fois que vous aurez cliqué sur le lien « Veuillez m'écrire », la fonction d'écriture du logiciel de gestion de courrier électronique (tel que OE) sera automatiquement lancée et l'adresse e-mail sera ajoutée à la barre d'adresse du destinataire.
Les liens peuvent non seulement utiliser du texte comme support, mais également des images comme support, et peuvent également utiliser une certaine partie de l'image comme support, et peuvent obtenir les effets ci-dessus. La méthode est également la même, la seule. La différence est le support, c'est-à-dire le lien La partie entre les deux crochets, donc je ne donnerai pas d'autre exemple.
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!