Durch Arrays kann das Erweitern von Stringspleißen leicht zu Leistungsproblemen führen
Die Codekopie lautet wie folgt:
Funktion StringBuffer () {
Dies .__ Strings__ = New Array ();
}
StringBuffer.prototype.append = function (str) {
diese .__ Saiten __. Push (str);
gib dies zurück;
}
StringBuffer.Prototype.toString = function () {
Geben Sie diese zurück .__ Saiten __. Join ("");
}
var buffer = new StringBuffer ();
Buffer.Append ("Hallo"). append ("javaScript");
var result = buffer.toString ();
Alarm (Ergebnis); // Hallo JavaScript
Codequelle: https://gist.github.com/hehongweistil44/fe71f10e4d2d9295aab
Helferfunktion der Position der Seite "Ansichtsfenster -Scroll -Leiste"
Die Codekopie lautet wie folgt:
/*Zwei Funktionen, um die aktuelle Seitenhöhe und Breite von Seiten zu bestimmen*/
Funktion pageHeight () {
return document.body.scrollHeight;
}
Funktion pagewidth () {
return document.body.scrollwidth;
}
/*Bestimmen Sie die horizontalen und vertikalen Positionen der Bildlaufleiste*////
Funktion scrollx () {
var de = document.documentElement;
return self.pagexoffset || (de && de.scrollleft) || document.body.scrollleft;
}
Funktion Scrolly () {
var de = document.documentElement;
return self.pageyOffset || (de && de.Scrolltop) || document.body.scrolltop;
}
/*Zwei Funktionen, um die Höhe und Breite des Browser -Ansichtsfensters zu bestimmen*//
Funktion windowHeight () {
var de = document.documentElement;
return self.innerHeight || (de && de.clientHeight) || document.body.clientHeight;
}
Funktionsfensterbreite () {
var de = document.documentElement;
return self.innnerwidth || (de && de.clientwidth) || document.body.clientwidth;
}
Codequelle: https://gist.github.com/Hehongwei44/62907B9B7061D4DFADB
Funktionen, die die Elementtransparenz anpassen
Die Codekopie lautet wie folgt:
/* Funktion zum Anpassen der Elementtransparenz*/
Funktion Setopacity (Elem, Level) {
// IE Verarbeitungstransparenz
if (elem.filters) {
Elem.Style.Filters = 'Alpha (opacity =' + Level + ')';
} anders {
Elem.Style.Opacity = Level / 100;
}
}
Codequelle: https://gist.github.com/hehongweisti44/87839cd3b8439Aff6a3c
Erhalten Sie mehrere gemeinsame Funktionen für die Mausposition
Die Codekopie lautet wie folgt:
/*Zwei gemeinsame Funktionen werden verwendet, um die aktuelle Position der Maus relativ zur gesamten Seite zu erhalten*/////
Funktion getX (e) {
e = e || Fenster.Event;
return e.Pagex || E.ClientX + document.body.scrollLeft;
}
Funktion gety (e) {
e = e || Fenster.Event;
return e.pagey || e.clienty + document.body.scrolltop;
}
/*Zwei Funktionen, die die Mausposition relativ zum aktuellen Element erhalten*/
Funktion getElementx (e) {
return (e && e.layerx) || window.event.offsetX;
}
Funktion getElementy (e) {
return (e && e.layery) || window.event.offsety;
}
Codequelle: https://gist.github.com/hehongweii44/2732365bd42baa491ef8
Eine Reihe von Funktionen, die das CSSDisplay -Attribut verwenden, um die Sichtbarkeit der Elemente zu wechseln
Die Codekopie lautet wie folgt:
/**
* Funktionen, mit denen Anzeige Elemente ausgeblendet werden
* *//
Funktion ausblenden (elem) {
var curDisplay = getStyle (Elem, 'Display');
if (Curdisplay! = 'Keine') {
Elem. $ OldDisplay = Curdisplay;
}
Elem.Style.Display = 'none';
}
/**
* Verwenden Sie die Anzeige, um die Funktion des Elements anzuzeigen
* *//
Funktionshow (Elem) {
Elem.Style.display = Elem. $ oldDisplay || '';
}
Codequelle: https://gist.github.com/hehongweii44/b4192af8227d756bfda6
Stilbezogene allgemeine Funktionen
Die Codekopie lautet wie folgt:
/**
* Holen Sie sich das Style -Attribut (Name) des angegebenen Elements (Elem)
* *//
Funktion getStyle (Elem, Name) {
// Wenn es stilvoll existiert [], wurde es festgelegt (und ist derzeit)
if (Elem.Style [Name]) {
return Elem.Style [Name];
}
// Ansonsten testen Sie die IE -Methode
sonst if (Elem.CurrentStyle) {
return Elem.CurrentStyle [Name];
}
// oder W3C -Methode
sonst if (document.defaultView && document.defaultView.getComputedStyle) {
name = name.replace (/(az)/g, "-$ 1");
name = name.tolowerCase ();
var
return s && S.GetPropertyValue (Name);
}
// Ansonsten verwendet der Benutzer einen anderen Browser
anders {
null zurückkehren;
}
}
Codequelle: https://gist.github.com/Hehongweistil44/9ABF63536ACCD0F2EEB7
Holen Sie sich die aktuelle Höhe und Breite des Elements
Die Codekopie lautet wie folgt:
/**
* Holen Sie sich die wahre Höhe des Elements
* Siehe die obige Funktion für die Abhängigkeit GetStyle.
* *//
Funktion Geteight (Elem) {
Return ParseInt (GetStyle (Elem, 'Höhe'));
}
/**
* Holen Sie sich die wahre Breite des Elements
* Siehe die obige Funktion für Abhängigkeit GetStyle
* *//
Funktion getwidth (elem) {
Return ParseInt (GetStyle (Elem, 'Breite'));
}
Codequelle: https://gist.github.com/hehongweii44/b524ff25991d99625eb2
Die oben genannten sind die häufig verwendeten JavaScript -Skripte, die in diesem Artikel geteilt werden. Ich hoffe du magst sie.