Heim > Web-Frontend > js-Tutorial > Hauptteil

Die systematischste Zusammenfassung der wichtigsten Punkte von JavaScript (ohne grundlegende Sprachsyntax)

php是最好的语言
Freigeben: 2018-07-27 15:06:26
Original
1036 Leute haben es durchsucht

1. Variablen
1. Sie können ein neues Array („1“, „2“) verwenden.
2. Sie können Variablen löschen, indem Sie ihnen Null zuweisen, wie zum Beispiel:

//首先定义一个变量
var i1=10;
i1=null;
//此时的i1就被清除了
Nach dem Login kopieren

Wenn Sie Variablen wie diese in einer Funktion definieren, achten Sie auf

funtion demo(){
     x=10;
}
//而此前的代码中都没有出现x,那么这里就是定义了x,在调用demo函数以后,x就是一个全局变量了。
Nach dem Login kopieren

2. Operatoren == und = ==

var i="5";
var j=5;
if(i==j) alert(""hello);
if(i===j) alert("world");
Nach dem Login kopieren

//Der obige Code wird nach der Ausführung nur „Hallo“ angezeigt, da die Werte von i und j gleich sind, die Datentypen von i und j jedoch nicht gleich sind. == erfordert also nur gleiche Werte, === erfordert jedoch nicht nur gleiche Werte, sondern auch gleiche Datentypen.

Drei, Ausnahmeerfassung

try{
     if() throw "";
}catch(err){
     alert(throw);
}
Nach dem Login kopieren

Viertens, Ereignis
onload-Ereignis zum Laden der Webseite
onclick-click-Ereignis
onfocus-Cursor-Sammelereignis
onselect-Textfeldauswahlereignis
Onmouseover-Mouse-Over-Ereignis
Onmouseout-Mouse-Out-Ereignis

5. DOM-Operation
1. Wenn eine Webseite geladen wird, erstellt der Browser das Dokumentobjektmodell der Seite.

2. DOM-Operation HTML
1) js kann alle HTML-Elemente auf der Seite ändern
①Ändern des Ausgabestreams: document.write(); überschreibt den gesamten Inhalt des Dokuments! Mit Vorsicht verwenden!
②Elemente abrufen: document.getElementById(); Methode eines Elements, die erhaltenen Elemente werden in der Reihenfolge angeordnet

document.getElementById("btn").addEventListener("click",function(){
  var x=document.getElementsByName("people");
  var y=x[2].value;
  alert(y);
  });
Nach dem Login kopieren

③HTML-Inhalt ändern: innerHTML; Attributinhalt ändern: Nach Erhalt the object.Attribute = „Attribute value“ dann Ja, Sie können auch die Methode setAttribute() verwenden: Der erste Parameter ist der Attributname und der zweite Parameter ist der Attributwert

document.getElementById("pid"). setAttribute("class","pid2");

Die Methode zum Erhalten des Attributwerts verwendet getAttribute();

alert(document.getElementById("name").getAttribute("name"));
Nach dem Login kopieren

Einige Methoden zur Dom-Steuerung von HTML:
          1,设置属性:如var attr=document.getElementById("demo1");
                              attr.setAttribute("title","dhello");//设置属性
                              var st=attr.getAttribute("title");//得到属性

                              alert(st);


          2.得到子节点:
                         var child=document.getElementsByTagName("ul")[1].childNodes;
                         alert(child.length);


          3得到父节点: var parent=document.getElementsByTagName("li")[0].parentNode;
                          alert(parent.nodeName);

          4创建元素节点:   var body=document.body;
                         var inp=document.createElement("input");//创建一个input节点
                         inp.type="button";//节点类型
                         inp.value="ann";
                         body.appendChild(inp);//把新的子节点添加到指定节点。(添加到末尾 )

          5创建文本节点


          6删除子节点:<p id="p1">
                         <p id="p1">这是一个段落。</p>
                         <p id="p2">这是另一个段落。</p>
                         </p>

                         var parent=document.getElementById("p1");//找到 id="p1" 的元素:

                         var child=document.getElementById("p1");//找到 id="p1" 的 <p> 元素:

                         parent.removeChild(child);//从父元素中删除子元素:


                         第二种方法:var child=document.getElementById("p1");
                                       child.parentNode.removeChild(child);


          7动态添加节点(课选择添加的位置)
                                       var p=document.getElementById("p");
                                       var node=document.getElementById("pid");
                                       var newnode=document.creatElement("p");
                                       p.inserBefore(newnode,node);
                                                      要添加的 在这之前的
Nach dem Login kopieren

2) js kann alle HTML-Attribute auf der Seite ändern

< ;!DOCTYPE HTML>

 <title>hello world</title>
Nach dem Login kopieren


< ;body>

 <a id="aid"/>
 <p id=pid>hello world!!</p>
Nach dem Login kopieren

<script></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;"> document.getElementById(&quot;aid&quot;).href=&quot;www.baidu.com&quot;;//改变属性值</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p></script>

3) js kann alle CSS-Stile auf der Seite ändern


document.getElementById("pid").style.backgrouneColor="red";

4) js kann auf alle Ereignisse auf der Seite reagieren

5) DOM-Objekt steuert HTML

6. Event-Handle EventListener

Ein Event-Handle ist eine Aktion, die ein Ereignis auslöst. Onclick ist beispielsweise das Handle, wenn darauf geklickt wird.

Ereignishandler können in js hinzugefügt werden, wodurch viel Code reduziert werden kann.

Das Folgende ist beispielsweise die herkömmliche Methode zum Auslösen von Ereignissen.

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage