Maison > Article > interface Web > Analyse sur la position de placement du script en HTML

Analyse sur la position de placement du script en HTML

小云云original: 2017-12-11 11:37:171589parcourir

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. Cet article parle principalement du 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. J'espère que cela aide tout le monde.

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 Copier 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=&#39;button&#39; id=&#39;alert&#39; value="anwo">
</body>
</html>

Mais cela n'a pas produit l'effet souhaité, j'ai d'abord pensé qu'il s'agissait d'une erreur de syntaxe jquery et j'ai continué à la vérifier et à la corriger en ligne, mais ça n'a pas marché. Puis j'y ai soudainement pensé. J'aurais dû mettre le script à l'arrière et je l'ai essayé. 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