Eine Einführung in die Grundlagen der JS-Syntax für Anfänger

Mit der Popularität von Ajax hat js viel Aufmerksamkeit erregt. Der größte Vorteil von js besteht darin, dass es mit allen Elementen in HTML arbeiten kann, einschließlich der Erstellung von Tag-Elementen, der Änderung von Elementattributen usw., was uns die Verwendung ermöglicht js, um viele dynamische Effekte zu erzielen und Benutzern eine stärkere Interaktivität zu bieten!

Js-Testmethode

Beim Debuggen Beim Schreiben von Javascript-Skripten Wenn ein Fehler vorliegt, wird in der Statusleiste des IE ein Fragezeichen angezeigt [klicken Sie auf dieses Fragezeichen], oder es wird ein Fehlerfeld angezeigt. Um den Fehler so schnell wie möglich zu finden, werden häufig folgende Debugging-Methoden verwendet Methoden:
1. Wenn das Objekt null erscheint oder nicht gefunden werden kann, bedeutet dies, dass die ID, der Name oder das DOM falsch geschrieben sind. Überprüfen Sie bitte die Zeile, in der sich der Fehler befindet. Gehen Sie zu Funktionskörper, um den Grund zu finden.
3.Um die Geschwindigkeit zu erhöhen, können Sie zunächst /* */ Kommentare verwenden, um einen Teil des Codes zu blockieren und ihn Schritt für Schritt zu überprüfen;  
4. Sie können warning(xxx) hinzufügen, um zu sehen, ob die Variable den erwarteten Wert hat;
5.IE-Fehlerberichte sind oft ungenau. Wenn beispielsweise Zeile 18 falsch ist, liegt manchmal ein Problem vor mit Zeile 19;
6Um sicherzustellen, dass der Code korrekt ausgeführt werden kann, verwenden Sie die try{}catch{}-Anweisung, um etwas anderes zu tun Methoden. Bitte weiter hinzufügen.

 <script>   
  try{   
        x=y;       //   Cause   an   error.   
  }   
  catch(e){       //   Create   local   variable   e.   
        alert(e);       //   Prints   "[object   Error]".   
        alert(e.number   &   0xFFFF);       //   Prints   5009.   
        alert(e.description);       //   Prints   "&#39;y&#39;   is   undefined".   
  }   
  </script>

Jedes Element ist eine kleine Fähigkeit in js, aber es ist sehr praktisch!
1.document.write(""); Ausgabeanweisung
2. Der Kommentar in JS ist //
3. (Kopf, Körper)
4. Die DOM-Reihenfolge in einem Browserfenster ist: Fenster->(Navigator, Bildschirm, Verlauf, Ort, Dokument)
5 : document .getElementById("ID-Nummer des Elements im Formular").name(or value)
6. Ein Kleinbuchstabe in Großbuchstaben JS: document.getElementById("output").value = document.getElementById("input "). value.toUpperCase();
7. Werttypen in JS: String, Number, Boolean, Null, Object, Function
8. Konvertieren Sie Zeichentypen in numerische Typen in JS: parseInt(), parseFloat( )
9. Konvertieren Sie Zahlen in JS in den Zeichentyp: (""+Variable)
10 Die Länge der Zeichenfolge in JS ist: (Länge)
11 Zeichen in JS sind mit Zeichen verbunden + Zeichen.
12. Die Vergleichsoperatoren in JS sind: == gleich, != ungleich, >, >=, <.<=
13. Verwenden Sie Folgendes, um Variablen zu deklarieren in JS: zu deklarierende Variable
14. Struktur der Urteilsaussage in JS: if (condition) {}else {}
15. Schleifenstruktur in JS: for ([initial expression]; [condition]; [upadte expression ]) {innerhalb der Schleife16. Der Befehl zum Beenden der Schleife lautet: break
17. Funktionsdefinition in JS: function functionName([parameter],...){statement[s]}
18 .Wenn mehrere Formulare in der Datei erscheinen, können Sie stattdessen document.forms[0], document.forms[1] verwenden.
19. Fenster: Öffnen Sie das Fenster window.open(), schließen Sie ein Fenster: window. close(), das Fenster selbst: self
20. Statusleisteneinstellungen: window.status="Character";
21. Popup-Eingabeaufforderung: window.alert("Character");
22 . Popup-Bestätigungsfeld: window.confirm();
23. Popup-Eingabeaufforderungsfeld: window.prompt();
24 ="URL"
25 .Erhalten Sie die Anzahl aller Formulare im Formular: document.forms.length
26. Schließen Sie den Ausgabestream des Dokuments: document.close();
27 Connector: +=
28 .Erstellen Sie ein Dokumentelement: document.createElement(), document.createTextNode()
29. Methode zum Abrufen des Elements: document.getElementById()
30 ​aller Textelemente im zu leerenden Formular:
var form = window.document.forms[0]
for (var i = 0; i if (form.elements.type == "text"){
form.elements.value = "" ;
}
}
31. Bestimmen Sie, ob die Häkchenschaltfläche in JS ausgewählt ist: document.forms[0].checkThis.checked (das geprüfte Attribut stellt dar). unabhängig davon, ob es ausgewählt ist und TRUE oder FALSE zurückgibt)
32 .Radio-Button-Gruppe (die Namen der Radio-Buttons müssen gleich sein): Nimm die Länge der Radio-Button-Gruppe document.forms[0].groupName.length
33. Aktiviert.< wird auch verwendet, um zu bestimmen, ob eine Optionsfeldgruppe ausgewählt ist 🎜>34. Der Wert des Dropdown-Listenfelds: document.forms[0].selectName.options[n].value ( n verwendet manchmal den Namen des Dropdown-Listenfelds plus .selectedIndex, um den ausgewählten Wert zu bestimmen)
35 Zeichen Definition der Zeichenfolge: var myString = new String("This is Lightsword");
36 String in Großbuchstaben umwandeln: string.toUpperCase(); String in Kleinbuchstaben umwandeln: string.toLowerCase();
37 .Gibt die Position zurück, an der String 2 in String 1 erscheint: String1.indexOf("String2")!=-1 bedeutet es wurde nicht gefunden.
38. Holen Sie sich ein Zeichen an der angegebenen Position in der Zeichenfolge: StringA.charAt( 9);
39. Nehmen Sie die Teilzeichenfolge des angegebenen Startpunkts und Endpunkts in der Zeichenfolge heraus: stringA .substring(2,6);
40. Mathematische Funktionen: Math.PI (gibt pi zurück), Math.SQRT2( gibt die Quadratwurzel zurück), Math.max(value1, value2) gibt den höchsten Wert der beiden Zahlen zurück , Math.pow(value1,10) gibt die zehnte Potenz von value1 zurück, Math.round(value1) Rundungsfunktion, Math.floor (Math.random()*(n+1)) gibt eine Zufallszahl zurück
41. Definieren Sie Datumsvariablen: var today = new Date();
42. Liste der Datumsfunktionen: dateObj.getTime() ruft die Uhrzeit ab, dateObj.getYear() ruft das Jahr ab, dateObj.getFullYear() ruft die vierstellige Zahl ab Jahr, dateObj.getMonth() holt den Monat, dateObj.getDate() holt den Tag, dateObj.getDay() holt das Datum, dateObj.getHours() holt die Stunden, dateObj.getMinutes() holt die Minuten, dateObj.getSeconds () ruft die Sekunden ab, dateObj.setTime(value) legt die Uhrzeit fest, dateObj.setYear(val) legt das Jahr fest, dateObj.setMonth(val) legt den Monat fest, dateObj.setDate( val) legt den Tag fest, dateObj.setDay( val) legt den Wochentag fest, dateObj.setHours legt die Stunden fest, dateObj.setMinutes(val) legt die Minuten fest, dateObj.setSeconds(val) legt die Sekunden fest [Hinweis: Dieses Datum und diese Uhrzeit beginnen bei 0]
43 .FRAME-Darstellung: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent stellt das übergeordnete Objekt dar, top stellt das oberste Objekt dar
45. Das übergeordnete Objekt Das Fenster, das das untergeordnete Fenster öffnet, ist: opener
46. Gibt den aktuellen Speicherort an: this
47. Wenn Sie eine JS-Funktion in einem Hyperlink aufrufen, verwenden Sie: (javascript:), um mit dem Funktionsnamen zu beginnen
48 . Führen Sie dieses JS nicht in alten Browsern aus:
49. Zitieren Sie ein JS im Dateistil:
50. Geben Sie den HTML-Code an, der in Browsern angezeigt wird, die keine Skripte unterstützen:
51. Wenn sowohl Hyperlinks als auch ONCLICK-Ereignisse vorhanden sind, leitet die alte Version des Browsers zu a.html weiter. Andernfalls wird zu b.html umgeleitet. Beispiel: dfsadf
52 Die integrierten Objekte von JS sind: Array, Boolean, Date, Error, EvalError, Function, Math, Number, Object, RangeError, ReferenceError, RegExp, String, SyntaxError, TypeError, URIError
53. Zeilenumbruch in JS: n
54. Fenster-Vollbildgröße: <script>function fullScreen(){ this.moveTo(0,0);this.outerWidth= screen.availWidth;this.outerHeight= screen.availHeight;}window.maximize=fullScreen;</script>
55.all in JS repräsentiert alle Elemente darunter
56.Focus-Reihenfolge in JS: document.getElementByid ("Formularelement").tabIndex = 1
57.Der Wert von innerHTML ist der Wert des Formularelements: Wenn, dann ist der Wert von innerHTML: Wie geht es Ihnen
58.Der Wert von innerTEXT ist der Dasselbe wie oben, außer dass dieses Tag nicht angezeigt wird.
59.contentEditable kann festlegen, ob das Element geändert werden kann, isContentEditable gibt zurück, ob das Element geändert werden kann.
60.isDisabled bestimmt, ob es sich um einen verbotenen Zustand handelt .disabled legt den verbotenen Zustand fest
61.length erhält die Länge und gibt einen ganzzahligen Wert zurück
62.addBehavior() ist eine externe Funktionsdatei, die von JS aufgerufen wird. Ihre Erweiterung ist .htc
63.window.focus () platziert das aktuelle Fenster vor allen Fenstern.
64 .blur() bedeutet, den Fokus zu verlieren.
65.select() bedeutet, dass das Element ausgewählt ist.
66. Verhindern Sie, dass der Benutzer Text in das Textfeld eingibt: onfocus="this.blur() "
67. Ermitteln Sie die Anzahl der Vorkommen dieses Elements auf der Seite: document.all.tags("p (oder ein anderes HTML-Tag). )").length
68. Es gibt zwei Formen der Ausgabe in JS: modal und nicht modal.window.showModaldialog(),window.showModeless()
69. Texteinstellung in der Statusleiste: window.status= 'text', Standardeinstellung für den Statusleistentext: window.defaultStatus='text .';
70. Zu Favoriten hinzufügen: external.AddFavorite("http://www.dannyg.com","jaskdlf");
71. Es wird keine Aktion ausgeführt, wenn in JS ein Skriptfehler auftritt: window.onerror = doNothing; Die Syntax zum Angeben eines Fehlerhandles lautet: window.onerror = handleError;
72 Geben Sie das übergeordnete Fenster des aktuellen an geöffnetes Fenster in JS: window.opener, das mehrere Fortsetzungen von opener.opener unterstützt...
73.Selbst in JS bezieht sich auf das aktuelle Fenster
74.Der in der Statusleiste in JS angezeigte Inhalt: Fenster. status="content"
75.top in JS bezieht sich auf die oberste Ebene des Frame-Set-Frameworks
76. Schließen Sie das aktuelle Fenster in JS: window.close(); 77. Schlagen Sie ein Bestätigungsfeld vor in JS: if (confirm ("Sind Sie sicher?")) { warning ("ok ");}else{alert("Not Ok");}
78.Window-Umleitung in JS: window.navigate(" http://www.sina.com.cn");
79 .Drucken in JS: window.print()
80. Eingabeaufforderungsfeld in JS: window.prompt("message","defaultReply" );
81. Fenster-Bildlaufleiste in JS: window. scroll(x,y)
82.Scrollen Sie das Fenster an die Position in JS: window.scrollby
83.Stellen Sie das Zeitintervall in JS ein: setInterval("expr",msecDelay) oder setInterval(funcRef,msecDelay) oder setTimeout
84 Die modale Anzeige in JS ist in IE4+, aber nicht in NN: showModalDialog("URL"[,arguments][,features]) ;
85.Das Handle, das vor dem Beenden in JS verwendet wird: function verifyClose(){event.returnValue="wir mögen dich wirklich und hoffen, dass du länger bleibst.";}} window.onbeforeunload=verifyClose;
86. Das beim ersten Aufruf des Formulars verwendete Dateihandle: onload( )
87 Dateihandle, das beim Schließen des Formulars aufgerufen wird: onunload()
88. , hostname(www.example.com), port(80), host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo", bezieht sich auf das Springen zu entsprechender Anker),href(alle Informationen)
89 .window.location.reload() aktualisiert die aktuelle Seite.
90.window.history.back() kehrt zur vorherigen Seite zurück, window.history.forward( ) kehrt zur nächsten Seite zurück, window.history.go(kehrt zur Seite zurück, Sie können auch die besuchte URL verwenden)
91.document.write() Ausgabe ohne Zeilenumbruch, document.writeln() Ausgabe mit Zeilenumbruch
92.document.body.noWrap=true; verhindert, dass Linktext umbrochen wird.
93.Variablenname.charAt(Nummer), ruft das Zeichen der Variable ab.
94."abc".charCodeAt( Zahl), geben Sie den ASCii-Code des Zeichens Value.
95 zurück. Zeichenfolgenverkettung: string.concat(string2), oder verwenden Sie +=, um
96 zu verbinden. gibt die erste vorkommende Position zurück (berechnet aus 0)
97.string.lastIndexOf(searchString[,startIndex]) Die Position, an der das letzte Vorkommen aufgetreten ist.
98.string.match(regExpression), bestimmt, ob die Zeichen übereinstimmen .
99.string.replace(regExpression,replaceString) ersetzt die vorhandene Zeichenfolge.
100.string.split (Trennzeichen) gibt ein Array zum Speichern des Werts zurück.
101.string.substr(start[, Länge]) nimmt die Startposition zu einer Zeichenfolge der angegebenen Länge.
102.string.toLowerCase() ändert alle Zeichen in Kleinbuchstaben.
103.string.toUpperCase() ändert alle Zeichen in Großbuchstaben.
104 .parseInt(string [,radix (repräsentiert Basis)]) muss zwangsweise in einen Ganzzahltyp konvertiert werden.
105.parseFloat(string[,radix]) muss zwangsweise in einen Gleitkommatyp konvertiert werden.
106.isNaN (Variable): Testen Sie, ob es sich um einen numerischen Werttyp handelt.
107. Schlüsselwörter zum Definieren von Konstanten: const, Schlüsselwörter zum Definieren von Variablen: var

有用的js程序代码：

//去左空格;
function ltrim(s){
return s.replace( /^\s*/, "");
}
//去右空格;
function rtrim(s){
return s.replace( /\s*$/, "");
}
//左右空格;
function trim(s){
return rtrim(ltrim(s));
}
//检查非法字符
//str 要检查的字符
//badwords 非法字符 &|<>=
function checkbadwords(str, badwords) {
if (typeof (str) != "string" || typeof (badwords) != "string") {
return (false);
}
for (i=0; i bad = badwords.charAt(i);
for (j=0; j if (bad == str.charAt(j)) {
return false;
break;
}
}
}
return true;
}
//检查合法字符,限制只能输入的字符
//str 要检查的字符
//goodwords 合法字符 1234567890abcdefghijklmnopqrstuvwxyz
function checkgoodwords(str, goodwords) {
if (typeof (str) != "string" || typeof (goodwords) != "string") {
return (false);
}
for (i=0; i this_str = str.charAt(i);
for (j=0; j if (this_str == goodwords.charAt(j)) {
break;
}
if(j==goodwords.length-1){
return false;
}
}
}
return true;
}

//函 数 名：chkinteger
//功能介绍：检查是否为数字
//参数说明：要检查的字符串
//返 回 值：false:不是 true:是
function chkinteger(checkStr) {
var checkOK = "0123456789+-";
var allValid = true;
for (i=0; i ch = checkStr.charAt(i);
if (checkOK.indexOf(ch) == -1) {
allValid = false;
break;
}
if ((ch == '+' || ch == '-') && i>0) {
allValid = false;
break;
}
}
return (allValid);
}
//函 数 名：chklength
//功能介绍：检查字符串的长度
//参数说明：要检查的字符串
//返 回 值：字节长度值
function chklength(checkStr) {
var n = 0;
for (i=0; i chcode = checkStr.charCodeAt(i);
if (chcode>=0 && chcode<=255) {
n++;
} else {
n += 2;
}
}
return (n);
}

以上就是js入门基础编程的全部内容了，感谢大家的阅读！

Das obige ist der detaillierte Inhalt vonEine Einführung in die Grundlagen der JS-Syntax für Anfänger. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!