Heim > Artikel > Web-Frontend > Die Platzierungsposition von scrip in HTML
Die Platzierungsposition von scrip in HTML
- 巴扎黑Original
- 2017-03-30 13:20:151582Durchsuche
Früher dachte ich, dass Skripte überall in HTML platziert werden können. Als ich heute eine Anfrage gestellt habe, habe ich meine falsche Meinung korrigiert – die Position des Skripts ist nicht zufällig.
Zuerst möchte ich ein Select-Tag mit zwei Optionen implementieren: Ja und Nein. Während der Initialisierung muss das Select-Tag jedoch standardmäßig einen Nullwert auswählen, daher habe ich eine Methode zum Zulassen hinzugefügt Beim Klicken wird der Nullwert geändert.
<!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>
Zuerst dachte ich, es sei ein JQuery-Syntaxfehler und ich habe es weiter online überprüft und korrigiert, aber es hat nicht funktioniert, aber dann habe ich plötzlich darüber nachgedacht, ob ich es hinten anstellen sollte, und dann war es in Ordnung erkannte, dass dem nicht so war.
Später habe ich den Grund überprüft und festgestellt, dass die HTML-Datei von oben nach unten ausgeführt wird, die Reihenfolge von importiertem CSS und Javascript jedoch unterschiedlich ist. Wenn das CSS eingeführt und geladen wird, wird das Programm trotzdem ausgeführt nach unten, und wenn das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Skript ausgeführt wird, wird der Thread unterbrochen und das Programm setzt die Ausführung erst fort, nachdem die Ausführung des Skriptskripts abgeschlossen ist. Daher wird das Skript im Allgemeinen nach dem Text platziert, um eine verzögerte Blockierung aufgrund einer langen Ausführung des Skripts zu vermeiden. Um die Wirkung einiger Seiten zu erzielen, müssen einige JS-Skripte im Voraus dynamisch geladen werden. Daher sollten diese Skripte vor 6c04bd5ca3fcae76e30b72ad730ca86d platziert werden. Zweitens können die Js, die auf das Dom-Element zugreifen müssen, nicht vor dem Körper platziert werden, da der Dom noch nicht generiert wurde, sodass die Js, die vor dem Körper auf das Dom-Element zugreifen, einen Fehler machen oder ungültig sind. Aus diesem Grund habe ich dem Dom vor seiner Generierung Methoden hinzugefügt, was dazu geführt hat.
Ich sollte wirklich mehr lernen, aber ich habe es nicht eingehend studiert. Arbeiten Sie auch in Zukunft hart weiter!
ps: Tatsächlich gibt es eine andere Möglichkeit, nämlich die Initialisierungsseitenmethode von jquery zu verwenden. Es ist auch möglich, das oben hinzugefügte Klickereignis zu $(function(){}) hinzuzufügen Das Prinzip ist das Gleiche wie oben. Diese Methode wird nach dem Laden der Seite ausgeführt, sodass sie unabhängig von der Platzierung verwendet werden kann.
Der obige Artikel, in dem die Platzierung von Skripten in HTML kurz erläutert wird, ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, er kann Ihnen eine Referenz geben und hoffe, dass Sie Script Home unterstützen.
Das obige ist der detaillierte Inhalt vonDie Platzierungsposition von scrip in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!