Maison > Article > interface Web > Une brève discussion sur le placement du script en HTML
Une brève discussion sur le placement du script en HTML
- 高洛峰original
- 2017-02-11 14:23:541585parcourir
L'éditeur ci-dessous vous apportera une brève discussion sur le placement des scripts en HTML. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un coup d'œil.
Je pensais que les scripts pouvaient être placés n'importe où dans HTML. J'ai corrigé mon idée fausse lorsque j'ai fait une demande aujourd'hui - les scripts ne sont pas placés avec désinvolture.
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. il change la valeur nulle en cliquant sur Supprimer :
Code XML/HTML Copiez le contenu dans le presse-papiers
<!DOCTYPE html>
<html>
<head>
<script src="jquery/jquery-1.11.1.min.js"></script>
</head>
<script>
$('#checkcash').click(function () {
if ($('#checkcash').val() == '0') {
$("#checkcash option[value='0']").remove();
}
});
$("#alert").click(function(){
alert("1123");
})
</script>
<body>
是否已提现 <select id="checkcash" style="width: 181px">
<option selected="selected" value="0"></option>
<option value="1">是</option>
<option value="2">否</option>
</select>
<input type='button' id='alert' value="anwo">
</body>
</html>
Mais cela n'obtient pas ce que vous voulez. En conséquence, au début, j'ai pensé qu'il s'agissait d'une erreur de syntaxe jquery et j'ai continué à la vérifier et à la corriger en ligne, mais cela n'a pas fonctionné. Ensuite, j'ai soudainement réfléchi à la question de savoir si je devais mettre le script à l'adresse suivante. le dos. 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 et c'était parce que le fichier html est exécuté de haut en bas, mais l'ordre du css et du javascript importés est différent Lorsque le css est introduit et chargé, le programme est toujours exécuté. vers le bas, et lorsque le script 3f1c4e4b6b16bbbd69b2ee476dc4f83a est exécuté, le thread est interrompu et le programme continue son exécution uniquement 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 6c04bd5ca3fcae76e30b72ad730ca86d. 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 sera erroné ou 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 davantage. Je pense que c’est juste ça, mais je ne l’ai pas étudié en profondeur. 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. Il est également possible d'ajouter l'événement click ajouté à l'étiquette ci-dessus à $(function(){}). Le principe est le même. C'est le même que ci-dessus. Cette méthode est exécutée une fois la page chargée, elle peut donc être utilisée peu importe où elle est placée !
La brève discussion ci-dessus sur le placement des scripts en HTML est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence, et j'espère que vous soutiendrez le site Web PHP chinois.
Pour plus d'articles sur le placement des scripts en HTML, veuillez faire attention au site Web PHP chinois !