Heim >Web-Frontend >js-Tutorial >Überblick über die JavaScript-Lernerfahrung_Grundkenntnisse

Überblick über die JavaScript-Lernerfahrung_Grundkenntnisse

WBOYOriginal: 2016-05-16 16:19:121037Durchsuche

1. JavaScript ist eine Skriptsprache, die speziell für die Interaktion mit Webseiten entwickelt wurde. Ihre Zusammensetzung

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

1.1ECMAScript

ECMAScrip, definiert durch ECMA-262, ist nicht von Webbrowsern abhängig. ECMA-262 definiert nur die Basis dieser Sprache und stellt Kernsprachenfunktionen bereit

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 (Dokumentobjektmodell)
DOM ist eine Anwendungsprogrammierschnittstelle (API, Application Programming Interface) für XML, die jedoch für HTML erweitert wurde und Methoden und Schnittstellen für den Zugriff auf und die Bedienung von Webinhalten bereitstellt

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 (Bower-Objektmodell)
Andere Steuerteile als die vom Browser angezeigte Seite verarbeiten nur Browserfenster und Frames und stellen Methoden und Schnittstellen für die Interaktion mit dem Browser bereit

2. <script> 2.1 Zitieren von Javascript-Dateien <br> Externe Referenz-Javascript-Datei: <br> </p> <p></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="81093" class="copybut" id="copybut81093" onclick="doCopy('code81093')">Code kopieren<u></u></a> Der Code lautet wie folgt:</span></div> <div class="codebody" id="code81093"> <script type="text/javascript" src="../../XX.js"></script>

Die Seite bettet Javascript-Code ein

Code kopieren Der Code lautet wie folgt:

JavaScript-Code, der im <script>-Element enthalten ist, wird von oben nach unten interpretiert<p> </p>2.2 Attribute des <script>-Elements<p> </p>Defer-Verzögerungsskript: Weisen Sie den Browser an, das Skript sofort herunterzuladen, bis die gesamte Seite vor der Ausführung analysiert wurde.<p> </p> <p></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="50781" class="copybut" id="copybut50781" onclick="doCopy('code50781')">Code kopieren<u></u></a> Der Code lautet wie folgt:</span></div> <div class="codebody" id="code50781"> <!DOCTYPE html><br> <html><br> <Kopf><br> <script type="text/javascript" defer="defer" src="example.js"></script>

Obwohl sich das <script>-Tag innerhalb des <head>-Tags befindet, wird demo.js verzögert, bis der Browser auf </html> trifft. <p> </p>asynchrones asynchrones Skript: Die Seite muss auf den Download und die Ausführung des Skripts warten, wodurch andere Inhalte auf der Seite asynchron geladen werden<p> Wie „Defer“ gilt es nur für extern eingeführte Skriptdateien. Es wird jedoch empfohlen, dass markierte asynchrone Skripte im Gegensatz zu „Defer“ nicht in der angegebenen Reihenfolge ausgeführt werden Asynchrone Skripte ändern das DOM während des Ladens nicht <br></p> <p></p> <div class="codetitle"><span>Code kopieren<a style="CURSOR: pointer" data="90302" class="copybut" id="copybut90302" onclick="doCopy('code90302')"><u></u> Der Code lautet wie folgt:</a></span></div> <div class="codebody" id="code90302"> <script type="text/javascript" async="async" src="example1.js"></script>

2.3

Code kopieren Der Code lautet wie folgt:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

http://www.w3.org/1999/xhtml">

test

<br>
<p>Für die Anzeige dieser Seite muss der Browser Javascript unterstützen (aktivieren)<br>

Der Browser unterstützt Skripte, aber wenn Skripte deaktiviert sind, zeigt der Browser den Inhalt in

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er Ihnen allen gefällt. Diese Serie wird weiterhin aktualisiert.

Stellungnahme：

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

Vorheriger Artikel：Zusammenfassung der handgeschriebenen DIY-jQuery-Plugins_jqueryNächster Artikel：Zusammenfassung der handgeschriebenen DIY-jQuery-Plugins_jquery

In Verbindung stehende Artikel

Mehr sehen

(adsbygoogle = window.adsbygoogle || []).push({}); isLogin = 0;jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});