Maison > interface Web > tutoriel HTML > A quoi ça sert en HTML

A quoi ça sert en HTML

醉折花枝作酒筹
Libérer: 2021-06-08 15:13:23
original
6249 Les gens l'ont consulté

En HTML, l'utilisation de this est "this. element" ou "a certaine méthode (this)", etc. ; ce pointeur liera automatiquement la balise actuelle à la fonction js, liant ainsi la fonction js. à la balise actuelle. Définissez un identifiant unique pour réduire la génération de codes en double.

A quoi ça sert en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Dans la page front-end, lorsque nous devons lier un événement à la balise actuelle, l'idée générale est de lui lier un identifiant unique, mais lorsque la quantité de notre code est relativement importante, l'identifiant La dénomination deviendra très difficile et un événement js devra être écrit pour chaque élément. Cela se produira en raison de la duplication de code. L'émergence de ce pointeur résoudra ce phénomène. Il liera automatiquement la balise actuelle à la fonction js, comme indiqué ci-dessous. est un exemple :

Pour réaliser le changement de couleur lorsque la souris est placée sur le bloc div :

<html>
	<head>
	</head>
	<body>
		<div style="width:300px;height:300px;background:#aaa;display:block;" onmouseover="show(this)" onmouseout="mOut(this)"></div>
		<script>
			function show(obj){
				obj.style.background="#faa";
			}
			function mOut(obj){
				obj.style.background="#aaa";
			}
		</script>
	</body>
</html>
Copier après la connexion

Apprentissage recommandé : tutoriel vidéo html

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal