Où doit être placé <script> en HTML ?-tutoriel HTML-php.cn

Je pensais que le script pouvait être placé n'importe où dans HTML. J'ai corrigé mon idée fausse lorsque j'ai fait une demande aujourd'hui : la position du script n'est pas aléatoire.

Tout d'abord, je souhaite implémenter une balise select avec deux options : oui et non. Cependant, lors de l'initialisation, la balise select est requise pour sélectionner une valeur nulle par défaut, j'ai donc ajouté une méthode pour laisser. cela change la valeur nulle en cliquant sur Supprimer :

$('#checkcash').click(function () { if ($('#checkcash').val() == '0') { $("#checkcash option[value='0']").remove(); } }); $("#alert").click(function(){ alert("1123"); }) 是否已提现 是 否 Copier après la connexion Mais cela n'obtient pas l'effet souhaité. Au début, je pensais que c'était une erreur de grammaire jquery et j'ai continué à vérifier et à corriger. Je l'ai mis en ligne, mais cela n'a pas fonctionné. Puis j'ai soudainement pensé : Dois-je mettre le script à l'arrière ? Je l'ai essayé, et tout s'est bien passé. Puis j'ai soudain réalisé que ce n'était pas comme ça.

Plus tard, j'ai vérifié la raison. La raison est que le fichier html est exécuté de manière descendante, mais l'ordre du CSS et du javascript est différent. introduit pour l'exécution et le chargement, le programme L'exécution continue et lorsque le script est exécuté, le thread est interrompu et le programme continue son exécution seulement une fois l'exécution du script terminée. Par conséquent, le script est généralement placé après le corps pour éviter un blocage retardé dû à une longue exécution du script. Pour obtenir les effets de certaines pages, certains scripts js doivent être chargés dynamiquement à l'avance, ces scripts doivent donc être placés avant . Deuxièmement, le js qui doit accéder à l'élément dom ne peut pas être placé avant le corps, car le dom n'a pas encore été généré, donc le js qui accède à l'élément dom avant le corps entraînera une erreur ou sera invalide. C'est pour cette raison que j'ai ajouté des méthodes au dom avant sa génération, ce qui a conduit à cela.

Je devrais vraiment étudier beaucoup plus et le penser, mais je ne me suis pas penché là-dessus. Continuez à travailler dur à l’avenir !

ps : En fait, il existe un autre moyen, qui consiste à utiliser la méthode de page d'initialisation de jquery pour ajouter l'événement click ajouté à l'étiquette ci-dessus à $(function (){}) est également possible. Le principe est le même que ci-dessus. Cette méthode est exécutée après le chargement de la page, elle peut donc être placée n'importe où !

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket