html si élément caché

WBOY
Libérer: 2023-05-15 20:49:36
original
776 Les gens l'ont consulté

Les déclarations If et leur utilisation en HTML

Avec le développement continu de la technologie Web, le développement front-end a reçu de plus en plus d'attention. En HTML, les instructions if peuvent implémenter la fonction de masquage d'éléments, permettant aux pages Web d'afficher un contenu différent dans différentes circonstances. Cet article présentera l'utilisation des instructions if en HTML et les précautions associées.

Qu'est-ce qu'une instruction if ?

L'instruction if est une instruction conditionnelle utilisée pour afficher ou masquer de manière sélective un contenu spécifique dans une page Web en fonction de conditions spécifiques. La structure de base de l'instruction if est la suivante :

if (条件) {
    显示的内容
} else {
    隐藏的内容
}
Copier après la connexion

où la condition est une expression booléenne, qui peut être vraie ou fausse. Si la condition est vraie, le contenu affiché dans l'instruction if est affiché, sinon le contenu masqué est affiché.

Étapes à utiliser avec l'instruction if

Dans l'application pratique, vous devez suivre les étapes suivantes lorsque vous utilisez l'instruction if :

  1. Créez un fichier HTML et ajoutez le contenu à afficher ou à masquer dans le fichier.
  2. Ajoutez le code HTML suivant là où vous devez utiliser une instruction if :
<script>
    if (条件) {
        document.write("显示的内容");
    } else {
        document.write("隐藏的内容");
    }
</script>
Copier après la connexion

Remarque : si la condition est vraie, le « contenu affiché » sera affiché ; si la condition est fausse, le « contenu caché » sera affiché ; sortir.

  1. Ajoutez des conditions de jugement spécifiques aux conditions. Par exemple, si vous souhaitez déterminer si l'heure actuelle est un jour ouvrable, vous pouvez utiliser le code suivant :
<script>
    var d = new Date();
    if (d.getDay() == 0 || d.getDay() == 6) {
        document.write("今天是休息日!");
    } else {
        document.write("今天是工作日!");
    }
</script>
Copier après la connexion

Dans le code ci-dessus, d.getDay() signifie obtenir le jour de la semaine où est la date actuelle. , s'il vaut 0 ou 6 (c'est-à-dire samedi ou dimanche ), il affiche "Aujourd'hui est un jour de repos !", sinon il affiche "Aujourd'hui est un jour ouvrable !".

  1. Enregistrez le fichier HTML et ouvrez-le dans le navigateur pour afficher le contenu affiché ou masqué.

Remarques

Lors de l'utilisation des instructions if, vous devez faire attention aux points suivants :

  1. Une syntaxe et des instructions correctes doivent être utilisées dans les conditions, sinon le code risque d'erreur ou de ne pas s'exécuter.
  2. Le contenu affiché et masqué doit être placé dans des balises HTML, telles que
    ,

    , etc.

  3. Les opérateurs logiques (&&, ||) doivent être utilisés dans des conditions permettant d'obtenir des jugements conditionnels plus complexes.
  4. N'utilisez pas le signe "=" à la place du signe "==" dans la condition, sinon le jugement conditionnel sera invalide.
  5. Dans les instructions if, les opérations DOM doivent être minimisées car cela affectera les performances de la page Web.

Résumé

Dans le développement Web, les instructions if sont l'un des outils courants pour implémenter des pages Web dynamiques. En utilisant rationnellement les instructions if, la page peut afficher différents contenus dans différentes conditions d'accès utilisateur, rendant l'expérience utilisateur plus conviviale. Par conséquent, lors du développement de pages Web, nous devons maîtriser l’utilisation des instructions if pour mieux répondre aux besoins des utilisateurs.

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!

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