Maison >interface Web >tutoriel HTML >La position de placement du script en HTML
La position de placement du script en HTML
- 巴扎黑original
- 2017-03-30 13:20:151634parcourir
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 :
<!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 l'effet souhaité. Au début, je pensais que c'était une erreur de syntaxe jquery. et j'ai continué à le vérifier et à le corriger en ligne, mais rien ne s'est produit. Cela n'a pas fonctionné, mais ensuite j'ai soudainement pensé si je devais mettre le script à l'arrière, je l'ai essayé, et tout s'est bien passé. j'ai 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 fera 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 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 la même chose 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 !
L'article ci-dessus discutant brièvement du 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 Script Home.
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!