Dieses Mal gebe ich Ihnen eine Zusammenfassung zur Verwendung von JS in HTML. Was sind die Vorsichtsmaßnahmen bei der Verwendung von JS in HTML?
JavaScript ist die integrierte Skriptsprache des Browsers. Wenn ein JavaScript-Skript in eine Webseite eingebettet ist und der Browser die Webseite lädt, führt er das Skript aus, um den Browser zu bedienen und verschiedene dynamische Effekte zu erzielen
<script>Element bettet Code direkt ein<script type="text/javascript">
function sayHello() {
alert("hello!");
}
</script><script>Element lädt externes Skript<script type="text/javascript" src="example.js"></script>
<script>Tag-bezogenesAttribut
<script>Beim Einbetten von Javascript-Skripten kann das Typattribut weggelassen werden
Wenn Der Wert des Typattributs wird nicht verwendet, der Browser nicht. Wenn Sie es wissen, wird der Code nicht ausgeführt, sodass Sie jeden Textinhalt in das <script>-Tag einbetten können. Fügen Sie einfach ein Typattribut hinzu, das der Browser nicht verwendet Der Browser wird seinen Inhalt jedoch nicht ausführen oder anzeigen. Dieser <script>-Knoten existiert jedoch weiterhin im DOM, und Sie können das Textattribut des <script>-Knotens verwenden, um seinen Inhalt
<script src="a.js" defer></script> <script src="b.js" defer></script>
Der laufende Prozess des defer-Attributs:
Der Browser beginnt, die HTML-Webseite zu analysieren
Während des Analysevorgangs wurde festgestellt, dass das Defer-Attribut <script>Element
Der Browser analysiert weiterhin die HTML-Webseite und gleichzeitig lädt das vom <script>Element geladene externe Skript parallel herunter
Browser Schließen Sie das Parsen der HTML-Webseite ab, gehen Sie dann zurück und führen Sie das heruntergeladene Skript
Hinweis:
document.write-Methode
<script src="a.js" async></script> <script src="b.js" async></script>
The verwenden laufender Prozess des asynchronen Attributs:
Tag mit dem Async-Attribut wurde gefunden <script>
-Tag <script>
Hinweis:
['a.js', 'b.js'].forEach(function(src) {
var script = document.createElement('script');
script.src = src;
script.async = false;
document.head.appendChild(script);
});analysiert
Egal wie der Code eingebettet ist, solange keine Verzögerungs- und Asynchronattribute vorhanden sind, analysiert der Browser die <Script>-Tags in der Reihenfolge, in der sie auf der Seite erscheinen
Vorteile des Ladens externer Skripte: Wartbarkeit, Cachefähigkeit, Anpassungsfähigkeit an die Zukunft
<script> Gründe für die Platzierung ganz unten 1. Um das „ Sperrwirkung“. 2. Vermeiden Sie den Aufruf von DOM-Knoten , bevor die DOM-Struktur generiert wurde, was zu einem Fehler führen würde
Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben. Bitte achten Sie auf weitere spannende Artikel auf der chinesischen PHP-Website!
Empfohlene Lektüre:
So gehen Sie mit verweigertem MySQL-Datenbankzugriff um
So implementieren Sie Spezialeffekte für sechseckige Schaltflächen
Das obige ist der detaillierte Inhalt vonZusammenfassung der Verwendung von JS-Methoden in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
