JavaScript ist eine wörtliche Skriptsprache, eine dynamische, schwache, prototypbasierte Sprache mit integrierten Unterstützungsarten. Sein Dolmetscher heißt JavaScript Engine. Es ist Teil des Browsers und wird in der Client -Skriptsprache häufig verwendet. Es wurde zunächst auf HTML -Webseiten (einer Anwendung unter der Standard -Universal -Markup -Sprache) verwendet, um HTML -Webseiten dynamische Funktionen hinzuzufügen.
Dieser Artikel hat 5 praktische JavaScript -Code für alle zusammengestellt, um die Entwicklung zu erleichtern.
1. Stellen Sie fest, ob das Datum gültig ist
Die in JavaScript enthaltene Datumsfunktion ist immer noch zu einfach und es ist schwierig, den Bedürfnissen des Parsens und der Beurteilung verschiedener Datumsformate in realen Projekten zu erfüllen. JQuery hat auch Bibliotheken von Drittanbietern, um die Verarbeitung von Datum einfach zu gestalten, aber manchmal benötigen Sie möglicherweise nur eine sehr einfache Funktion, ohne eine riesige Bibliothek von Drittanbietern vorzustellen. Zu diesem Zeitpunkt können Sie den folgenden Datumsprüfungscode verwenden, mit dem Sie das Datumsformat anpassen und die Gültigkeit des Datums überprüfen können.
Funktion isvaliddate (Wert, userFormat) {// Standardformat festlegen, wenn das Format nicht bereitgestellt wird userFormat = userFormat || 'mm/dd/jyyy'; // Finden Sie einen kundenspezifischen Trennzeichen, indem Sie // Monat und Jahr ausschließen Var Delimiter = /…^mdy wob // Erstellen Sie ein Array mit Monat, Tag und Jahr // Daher wissen wir die Formatreihenfolge nach Index var theformat = userFormat.Split (Delimiter); // Array aus dem Benutzerdatum erstellen var thedate = value.split (Begrenzer); Funktion isdate (Datum, Format) {var m, d, y, i = 0, len = format.length, f; für (i; i <len; i ++) {f = format [i]; if (/m/.test(f)) m = Datum [i]; if (/d/.test(f)) d = Datum [i]; if (/y/.test(f)) y = Datum [i]; } return (m> 0 && m <13 && y && y.length === 4 && d> 0 && // prüfen Sie, ob es sich um einen gültigen Tag des Monats d <= (neues Datum (y, m, 0)). getDate ()); } return isdate (thedate, theformat);}Wie man verwendet:
Der folgende Anruf gibt falsch zurück, da es im November keine 31 Tage gibt
Isvaliddate ('DD-MM-yjyy', '31/11/2012 ')
2. Holen Sie sich die maximale Breite oder Höhe eines Satzes von Elementen
Die folgende Funktion ist sehr nützlich für Entwickler, die ein dynamisches Layout ausführen müssen.
var getmaxHeight = function ($ elms) {var maxHeight = 0; $ elms.each (function () {// In einigen Fällen möchten Sie vielleicht äußereheight () var height = $ (this) .height (); if (Höhe> maxHeight) {maxHeight = Höhe;}}); maxheight zurückgeben;};Wie man verwendet:
$ (Elemente) .Height (GetMaxHeight ($ (Elements)));
3. Text hervorheben
Es gibt viele Bibliotheken von JQuery von Drittanbietern, die die Funktion des Hervorhebens von Text implementieren können, aber ich bevorzuge es, den folgenden kleinen JavaScript-Code zu verwenden, um diese Funktion zu implementieren. Es ist sehr kurz und kann nach meinen Anforderungen flexibel modifiziert werden, und Sie können den hervorgehobenen Stil selbst definieren. Die folgenden beiden Funktionen können Ihnen helfen, Ihr eigenes Text -Herd -Plugin zu erstellen.
Funktion Highlight (Text, Wörter, Tag) {// Standard -Tag, wenn kein Tag bereitgestellt wird tag = tag || 'Spanne'; var i, len = words.length, re; für (i = 0; i <len; i ++) {// Global Regex, um alle Übereinstimmungen re = new Regexp (Wörter [i], 'G') hervorzuheben; if (re.Test (text)) {text = text.replace (re, '<' + tag + '> $ & </' + tag + '>'); }} return text;}Sie müssen auch Funktionen nicht hohe Funktionen benötigen:
Funktion Unhighlight (Text, Tag) {// Standard -Tag, wenn kein Tag bereitgestellt wird tag = tag || 'Spanne'; var re = new regexp ('(<'+tag+'.+?> | <//'+tag+'>)', 'g'); text zurückgeben.Replace (re, '');}Wie man verwendet:
$ ('P'). HTML (Highlight ($ ('P').4. Textbewegungseffekt
Manchmal möchten Sie einem Absatz Ihres Textes Bewegung hinzufügen, damit sich jedes Wort bewegen kann. Sie können den folgenden JQuery-Plug-in-Code verwenden, um diesen Effekt zu erzielen. Natürlich müssen Sie einen CSS3 -Übergangsstil kombinieren, um bessere Ergebnisse zu erzielen.
$ .fn.AnimateText = Funktion (Delay, klass) {var text = this.text (); var letters = text.split (''); return this.each (function () {var $ this = $ (this); $ this.html (text });Wie man verwendet:
$ ('P'). AnimateText (15, 'foo');
5. Elemente nacheinander ausblenden
Das folgende JQuery-Plug-In kann eine Gruppe von Elementen nacheinander gemäß der von Ihnen festgelegten Schrittlänge (Intervallzeit) ausblenden. Verwendet beim Nachladen von Listenelementen können gute Ergebnisse erzielen.
$ .fn.fadeall = function (ops) {var o = $ .extend ({delay: 500, // Verzögerung zwischen den Elementen Geschwindigkeit: 500, // Animationsgeschwindigkeit. var $ el = this; für (var i = 0, d = 0, l = $ el.Length; i <l; i ++, d+= o.delay) {$ el.eq (i) .delay (d) .fadein (O.Speed, o.eas); } return $ el;}Wie man verwendet:
$ (Elemente) .fadeAll ({Verzögerung: 300, Geschwindigkeit: 300});
Das obige ist nur ein kleiner Teil dieser praktischen JavaScript -Code -Snippets, und ich hoffe, es wird für alle hilfreich sein, JavaScript -Programme zu lernen.