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

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就被清除了

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

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

2. Operatoren == und = ==

var i="5";
var j=5;
if(i==j) alert(""hello);
if(i===j) alert("world");

//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);
}

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);
  });

③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"));

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);
                                                      要添加的 在这之前的

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

< ;!DOCTYPE HTML>

 <title>hello world</title>

< ;body>

 <a id="aid"/>
 <p id=pid>hello world!!</p>

<script></script>

 document.getElementById("aid").href="www.baidu.com";//改变属性值

Das obige ist der detaillierte Inhalt vonDie systematischste Zusammenfassung der wichtigsten Punkte von JavaScript (ohne grundlegende Sprachsyntax). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!