JavaScript , einmal eine einfache Skriptsprache für das Hinzufügen von minimaler Interaktion auf Webseiten , hat sich zu einem vollwertigen Sprache in seinem eigenen Recht, und hat sich zu einer breit angelegten Thema, das auf fast jedem Aspekt des Web berührt aufgebläht Entwicklung. Für die Entwickler , die die Grundlagen von JavaScript, das Document Object Model , DOM oder und Validierung mit regulären Ausdrücken beherrscht machen ausgezeichnete Bereiche der Studie . Things You Text -Editor wie Notepad Moderne Browser wie IE 8 oder Firefox 3.6 brauchen anzeigen Weitere Anweisungen interagieren mit dem DOM 1
erstellen Sie eine Webseite mit dem Code :
Der Button wurde nicht
geklickt ; < p > Speichern Sie die Seite als " dom.html . " 2
in die Datei " dom.html " von Ihrem Web-Browser durchsuchen . Klicken Sie auf " Klicken Sie auf diesen" Knopf . Das Click-Ereignis wird ausgelöst, off eine JavaScript-Funktion , die den Inhalt des Textes über der Taste verändert . 3
Entdecken Sie die JavaScript-Code aus der Probe. Es nutzt die document.getElementById Funktion mit der Eigenschaft innerHTML kombiniert . Die getElementById Methode durchsucht den DOM für Elemente , die eine bestimmte ID als Attribut haben . Die Eigenschaft innerHTML hält die innerhalb der html -Tags eines Elements enthalten . Indem wir ein Element mit seiner ID und die Änderung der innerHTML Wert dieses Elements können Sie den Inhalt auf der Seite angezeigt. Validate mit regulären Ausdrücken 4
erstellen eine Web -Seite, die den folgenden Code enthält :
Regular Expression Test < /body>
Speichern Sie die Seite als " regEx.html . " 5
zu " regEx.html " Durchsuchen von Ihrem Web- Browser. Wenn Sie die Seite zu laden, wird die Funktion zu testen validateOnA die Variable testString zu sehen, ob es den Buchstaben "a ". 6
Blick über das JavaScript enthält . Es verwendet einen einfachen regulären Ausdruck , die durch die Zeichen "/" umgeben ist und einfach passt auf alle Zeichen, die Sie liefern es . 7
Ändern Sie den Wert TestString zu " Früchte" und laden Sie die Seite , um zu sehen was passiert. 8
Nutzungsbedingungen Escape-Zeichen in Ihrem regulären Ausdrücken. Entkommen Zeichen werden durch einen Backslash ("\\" ) und ermöglichen es Ihnen, sich auf Kategorien von Zeichen . Zum Beispiel \\ d entspricht auf allen Ziffern in einer bestimmten Zeichenfolge. Erstellen Sie eine Seite mit dem folgenden Code:
Regular Expression Test < /body>
Speichern Sie die Seite als " regExpEscape.html " 9
Navigieren Sie zu " regExpEscape.html " von Ihrem Web-Browser. Der Code prüft die Zeichenfolge " 123" zu sehen, ob es Ziffern enthält . 10
Ändern Sie den Wert TestString auf " Apfel" und sehen, was passiert . Versuchen Sie testString zu " apple1 . " 11
Versuchen Sie ein Beispiel aus der Praxis . Reguläre Ausdrücke sind sehr mächtig und ein einziger Ausdruck kann ein hohes Maß an String-Matching- Informationen enthalten. Der reguläre Ausdruck unter validiert Telefonnummern, die sieben oder 10 Stellen lang und Nutzung Klammern , Bindestriche oder Leerzeichen als Trennzeichen sind . Es ermöglicht sogar