JavaScript kann als eine wesentliche Technologie in der Webentwicklung bezeichnet werden. Es ist flexibel, einfach und effizient. Dieses Mal verwendete DRP viele js, was mir ein tieferes Verständnis von js vermittelte. Nachdem ich mir das angesehen hatte, ging ich zurück und schaute mir das JS-Video von Rinderbrust an. Ich schaute mir Dinge an, die ich vorher noch nicht gesehen hatte. Hier ist eine Zusammenfassung von js.
Was ist JavaScript und was sind die Merkmale von js?
JS ist eine interpretierte Web-Skriptsprache. Seine Aufgabe besteht darin, das Verhalten und den Inhalt des Browsers zu steuern.
js-Code ist in HTML eingebettet.
Es verfügt über mehrere Hauptfunktionen.
Es läuft auf dem Client, was bedeutet, dass es den Druck auf den Server verringern kann. Verbessern Sie die Effizienz der Codeausführung.
JavaScript ist eine interpretierte Sprache (d. h. die Codeausführung ist nicht vorkompiliert).
Die entsprechende kompilierte Sprache muss vorab während der Ausführung in Zwischencode oder Maschinensprache kompiliert werden, z. B. Java, das in eine .class-Datei kompiliert wird Stücke.
JavaScript hat nichts mit Java zu tun. Javascript ist weder eine abgespeckte Version anderer Sprachen (es hat beispielsweise nur eine vage und indirekte Verbindung zu Java) noch ist es eine Vereinfachung von irgendetwas. Es hat jedoch seine Grenzen. Sie können die Sprache beispielsweise nicht zum Schreiben eigenständiger Anwendungen verwenden und es gibt keine integrierte Unterstützung für das Lesen und Schreiben von Dateien. Darüber hinaus können Javascript-Skripte nur auf einem bestimmten Interpreter oder „Host“ ausgeführt werden, z. B. Active Server Pages (ASP), Internetbrowser oder Windows Script Host.
Welche Funktionen kann JavaScript erreichen?
JavaScript kann die Entwicklung von Browserskripten implementieren. Es verfügt über viele klassische Funktionen. Wir müssen es meistern.
JavaSript realisiert Webseiten-Spezialeffekte
Js können viele Webseiten-Spezialeffekte realisieren, wie z. B. das Scrollen von Bildtext, die dynamische Transformation von Bildern usw. Wenn Sie im Internet suchen, finden Sie jede Menge vorgefertigten Code. Kurz gesagt: Es gibt viele Dinge, die Sie nicht selbst tun müssen. Sie müssen auf den Schultern von Riesen stehen.
JavaScript bedient HTML-Elemente
Js kann Webseitenelemente wie Eingabefelder, Dropdown-Felder, Tabellen und andere Elemente bedienen. Die Grundlage für den Betrieb von HTML-Elementen ist der Betrieb von DOM-Objekten. Jedes HTML-Element ist ein Dom-Objekt. Wir können js verwenden, um es zu betreiben. Ändern Sie beispielsweise seine Attribute und fügen Sie dynamisch Elemente hinzu. Holen Sie sich seinen Wert usw.
Jedes Element in HTML entspricht einem Knoten in dom. Das HTML-Formular entspricht einem Dom-Baum und jeder Knoten verfügt über die Attribute nodeName, nodeValue und nodeType. js betreibt HTML, indem es diese Attribute bedient.
Hier sind einige Betriebsmethoden.
createElement(element): Erstellt einen neuen Elementknoten mit dem angegebenen Tag-Namen, und der Rückgabewert ist ein Referenzzeiger auf den neuen Elementknoten
createTextNode(string): Erstellt einen neuen Textknoten, der den angegebenen Text enthält. Gibt einen Referenzzeiger auf den neu erstellten Textknoten zurück:
appendChild(node): fügt einen Knoten ein
removeChild(node): entfernt einen untergeordneten Knoten aus einem bestimmten Element und gibt einen Zeiger auf den gelöschten untergeordneten Knoten zurück. Referenzzeiger.
hasChildNodes: wird verwendet, um zu überprüfen, ob ein bestimmtes Element untergeordnete Knoten hat, und gibt einen booleschen Wert zurück.
replaceChild(newnode, oldnode): Knotenersetzung
setAttribute(key, value): fügt dem angegebenen Element einen neuen Knoten hinzu Knotenattributwert oder ändern Sie sein vorhandenes Attribut
getAttribute(key): Gibt den Wert eines bestimmten Attributknotens eines bestimmten Elements zurück
getElementById(): Findet ein Element mit einem bestimmten ID-Attributwert und gibt einen Elementknoten zurück
getElementsByTagName(): wird verwendet, um alle Elemente mit einem bestimmten Tag-Namen zu finden
Wie aus diesen Methoden hervorgeht, kann js flexibel einen Knoten (HTML-Element) hinzufügen, löschen und abrufen. Auf diese Weise wird die Bedienung des Formulars wesentlich flexibler.
In diesem DRP ist die Hauptmethode getElementById().
Zum Beispiel:
with(document.getElementById("userform")){
action="user_maint.jsp";
submit(); > }
JavaScript implementiert die Formularvalidierung
Die typischen von JavaScript überprüften Formulardaten sind:
Hat der Benutzer die erforderlichen Elemente im Formular ausgefüllt?
Ist die vom Benutzer eingegebene E-Mail-Adresse legal?
Hat der Benutzer ein gültiges Datum eingegeben?
Hat der Benutzer Text in das numerische Feld eingegeben?
Normalerweise gibt es zwei Methoden für JS-Validierungsformulare. Eine Möglichkeit besteht darin, eine manuelle Methode zu schreiben. Wenn das Formular gesendet oder ein Ereignis ausgelöst wird, wird die js-Methode aufgerufen und dann werden die Eigenschaften des Steuerelements über den js-Code extrahiert, um festzustellen, ob es die Bedingungen erfüllt. Eine andere Methode besteht darin, mithilfe regulärer Ausdrücke zu überprüfen, ob die Eingabedaten einem bestimmten Format entsprechen. Zum Beispiel der folgende js-Code zur E-Mail-Überprüfung
www.2cto.com
function test()
);
// Überprüfung der E-Mail
var myreg =/^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9] +@([a-zA-Z0-9]+[_| _|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/; return false;
. Beachten Sie, dass die Testmethode diesen regulären Ausdruck enthält.
JavaScript prüft den Browser des Kunden und erstellt Cookies
Verwenden Sie JavaScript, um die Browserversion, Informationen usw. des Benutzers zu überprüfen.
Das Navigator-Objekt unten enthält Informationen über den Browser des Besuchers, einschließlich Browsertyp, Version usw.
varbrowser=navigator.appName
varversion=parseFloat (b_version) document.write("Browsername: "+ Browser)
document.write("
") document.write("Browserversion: "+ Version)
Ein Cookie ist eine Variable, die auf dem Computer des Besuchers gespeichert wird. Dieses Cookie wird jedes Mal gesendet, wenn derselbe Computer eine Seite über einen Browser anfordert. Sie können JavaScript verwenden, um Cookie-Werte zu erstellen und abzurufen.
Erstens: Erstellen Sie eine Funktion, die den Namen des Besuchers in einer Cookie-Variablen speichert
functionsetCookie(c_name,value,expiredays)
{
varexdate=new Date()
exdate.setDate(exdate . getDate()+expiredays)
document.cookie=c_name+"=" +escape(value)+
((expiredays==null)? "" : ";expires="+exdate.toGMTString())
}
Zweitens: Erstellen Sie eine weitere Funktion, um zu überprüfen, ob das Cookie gesetzt wurde:
functiongetCookie(c_name)
{ if(document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name +"=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie .indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
returnunescape(document.cookie.substring(c_start,c_end))
}
}
return""
}
Die obige Funktion prüft zunächst, ob im document.cookie-Objekt ein Cookie vorhanden ist. Wenn das document.cookie-Objekt bestimmte Cookies speichert, prüft es weiterhin, ob die von uns angegebenen Cookies gespeichert wurden. Wenn das gewünschte Cookie gefunden wird, wird ein Wert zurückgegeben, andernfalls wird ein leerer String zurückgegeben.
Kurz gesagt, js ist eine wesentliche Technologie in der Webentwicklung. Als Webentwickler müssen Sie damit vertraut sein.
