Heim > Artikel > Web-Frontend > Eine kurze Diskussion über die Platzierung von Skripten in HTML
Eine kurze Diskussion über die Platzierung von Skripten in HTML
- 高洛峰Original
- 2017-02-11 14:23:541545Durchsuche
Der Redakteur unten wird Ihnen eine kurze Diskussion über die Platzierung von Skripten in HTML geben. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Editor und werfen wir einen Blick darauf.
Früher dachte ich, dass Skripte überall in HTML platziert werden können. Als ich heute eine Anfrage gestellt habe, habe ich meine falsche Vorstellung korrigiert.
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. Löschen:
XML/HTML-Code Kopieren Sie den Inhalt in die Zwischenablage
<!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>
Aber das bringt nicht das, was Sie wollen. Daher dachte ich zuerst, dass es sich um einen Jquery-Syntaxfehler handelte, und überprüfte und korrigierte es online, aber es funktionierte nicht. Dann überlegte ich plötzlich, ob ich das Skript einfügen sollte Ich habe es versucht und es war in Ordnung. Dann wurde mir plötzlich klar, dass es 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.
Die obige kurze Diskussion über die Platzierung von Skripten in HTML ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, dass er Ihnen eine Referenz geben kann, und ich hoffe, dass Sie die chinesische PHP-Website unterstützen.
Weitere Artikel über die Platzierung von Skripten in HTML finden Sie auf der chinesischen PHP-Website!