Heim > Web-Frontend > js-Tutorial > Die Grundlagen der JavaScript-Lernnotizen_Grundkenntnisse

Die Grundlagen der JavaScript-Lernnotizen_Grundkenntnisse

WBOY
Freigeben: 2016-05-16 16:20:22
Original
1010 Leute haben es durchsucht

Zusammenfassung: Die Zusammensetzung von JavaScript, die Rolle jeder Komponente,

1. Die Zusammensetzung von Javascript

Javascript
ECMAScript (Core) DOM (Document Object Model) BOM (Browser Object Model)

1.1ECMAScript

ECMAScript ist eine durch ECMA-262 standardisierte Skriptsprache, die die Sprache angibt: Syntax, Typen, Anweisungen, Schlüsselwörter, reservierte Wörter, Operatoren, Objekte

1.2 DOM

DOM ordnet die gesamte Seite einer mehrschichtigen Knotenstruktur zu, z. B. HTML oder XML, und ist ein bestimmter Knotentyp. Diese Knoten enthalten unterschiedliche Datentypen.

1.3 Stückliste

Steuern Sie andere Teile als die vom Browser angezeigte Seite

2. <script> </strong>2.1 Anwendung</p> <p> Externe Referenz-Javascript-Datei: </p> <p></p> <p></p> <div class="codetitle"><span>Code kopieren<a style="CURSOR: pointer" data="61773" class="copybut" id="copybut61773" onclick="doCopy('code61773')"><u></u> Der Code lautet wie folgt:</a></span></div> <script type="text/javascript" src="../../XX.js"></script>



Javascript-Code in die Seite einbetten




2.2 Attribute des <script>-Elements <p> Verzögerungsskript verzögern: Das Skript wird verzögert, bis die gesamte Seite vor der Ausführung analysiert wurde. Obwohl die Ausführung verzögert ist, hat der Browser die js-Datei bereits heruntergeladen. </p> <p></p> <p></p> <div class="codetitle"><span>Code kopieren<a style="CURSOR: pointer" data="31461" class="copybut" id="copybut31461" onclick="doCopy('code31461')"><u></u> Der Code lautet wie folgt:</a></span></div> <!DOCTYPE html><div class="codebody" id="code31461"> <html><br> <Kopf><br>              <script type="text/javascript" defer="defer" src="demo.js"></script>




Obwohl sich im obigen Beispiel das <script>-Tag befindet, wird demo.js verzögert, bis der Browser auf </html> trifft. <p>Verzögerung gilt nur für extern importierte Skriptdateien</p> <p> Asynchrones asynchrones Skript: Die Seite muss nicht darauf warten, dass das Skript heruntergeladen und ausgeführt wird, um andere Inhalte der Seite asynchron zu laden. Daher sollten asynchrone Ladeskripte den Dom während des Ladens nicht ändern </p> <p></p> <p></p> <div class="codetitle">Code kopieren<span><a style="CURSOR: pointer" data="70982" class="copybut" id="copybut70982" onclick="doCopy('code70982')"><u> Der Code lautet wie folgt:</u></a></span> <!DOCTYPE html></div> <html><div class="codebody" id="code70982"> <Kopf><br>             <script type="text/javascript" defer="defer" src="demo1.js"><br>               <script type="text/javascript" defer="defer" src="demo2.js"></script>





Dies sind einige Grundkenntnisse in JavaScript. Ich hoffe, Sie möchten beim Lesen nicht einschlafen. Nur wenn Sie eine solide Grundlage schaffen, können Sie qualitative Änderungen vornehmen.
Verwandte Etiketten:
Quelle:php.cn
Vorheriger Artikel:Zwei Möglichkeiten, Javascript-Arrays auszugeben: Javascript-Fähigkeiten Nächster Artikel:Beispielanalyse von JS-Long-Integer-Precision-Problem_Javascript-Fähigkeiten
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
verwandte Themen
Mehr>
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage