Heim > Web-Frontend > js-Tutorial > Zusammenfassung häufig verwendeter JavaScript-Skripte (3)_Javascript-Kenntnisse

Zusammenfassung häufig verwendeter JavaScript-Skripte (3)_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:11:06
Original
1148 Leute haben es durchsucht

Die Ausweitung des String-Splicings durch Arrays kann leicht zu Leistungsproblemen führen

Code kopieren Der Code lautet wie folgt:

Funktion StringBuffer() {
This.__strings__ = new Array();
}
StringBuffer.prototype.append = Funktion (str) {
This.__strings__.push(str);
Geben Sie dies zurück;
}
StringBuffer.prototype.toString = function () {
Geben Sie this.__strings__.join("");
zurück }
var buffer = new StringBuffer();
buffer.append("Hallo").append("javascript");
var result = buffer.toString();
Alert(Ergebnis); //Hallo Javascript

Codequelle: https://gist.github.com/hehongwei44/fe71f10e4d2d9295aeab

Hilfsfunktionen für die Position der Bildlaufleiste des Seitenansichtsfensters

Code kopieren Der Code lautet wie folgt:

/*Zwei Funktionen zur Bestimmung der Höhe und Breite der aktuellen Seite*/
Funktion pageHeight() {
Geben Sie document.body.scrollHeight;
zurück }
Funktion pageWidth() {
Gibt document.body.scrollWidth;
zurück }
/*Bestimmen Sie die horizontale und vertikale Position der Bildlaufleiste*/
Funktion scrollX() {
var de = document.documentElement;
Gibt self.pageXOffset || zurück. (de && de.scrollLeft) || }
Funktion scrollY() {
var de = document.documentElement;
Gibt self.pageYOffset || zurück. (de && de.scrollTop) || }
/*Zwei Funktionen zum Bestimmen der Höhe und Breite des Browser-Ansichtsfensters*/
Funktion windowHeight() {
var de = document.documentElement;
Geben Sie self.innerHeight || zurück. (de && de.clientHeight) || }
Funktion windowWidth() {
var de = document.documentElement;
Gibt self.innerWidth || zurück. (de && de.clientWidth) || }



Codequelle:
https://gist.github.com/hehongwei44/62907b9b7061d4defadb

Funktion zum Anpassen der Elementtransparenz

Code kopieren

Der Code lautet wie folgt: /*Funktion zum Anpassen der Elementtransparenz*/ Funktion setOpacity(elem, level) {
//IE kümmert sich um Transparenz
If (elem.filters) {
          elem.style.filters = 'alpha(opacity=' level ')';
} sonst {
           elem.style.opacity = level / 100;
}
}



Codequelle:
https://gist.github.com/hehongwei44/87839cd3b8439aff6a3c

Mehrere allgemeine Funktionen zum Ermitteln der Mausposition

Code kopieren

Der Code lautet wie folgt: /*Zwei allgemeine Funktionen, die verwendet werden, um die aktuelle Position der Maus relativ zur gesamten Seite zu ermitteln*/ Funktion getX(e) {
e = e ||. window.event;
Gibt e.pageX || zurück }
Funktion getY(e) {
e = e ||. window.event;
Gibt e.pageY || zurück. e.clientY document.body.scrollTop;
}
/*Zwei Funktionen zum Ermitteln der Position der Maus relativ zum aktuellen Element*/
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/hehongwei44/2732365bd42baa491ef8

Eine Reihe von Funktionen, die das cssdisplay-Attribut verwenden, um die Sichtbarkeit von Elementen umzuschalten

Code kopieren

Der Code lautet wie folgt:

/**
 * 使用display來隱藏元素的函數
 **/
function hide(elem) {
    var curDisplay = getStyle(elem, 'display');

    if (curDisplay != 'none') {
        elem.$oldDisplay = curDisplay;
    }
    elem.style.display = 'none';
}
/**
 * 使用display來顯示元素的函數
 **/
function show(elem) {
    elem.style.display = elem.$oldDisplay || '';
}

程式碼來源:https://gist.github.com/hehongwei44/b4192af8227d756bfda6

樣式相關的通用函數

複製程式碼 程式碼如下:

/**
 * 取得指定元素(elem)的樣式屬性(name)
 **/
function getStyle(elem, name) {
    //如果存在於style[]中,那麼它已被設定了(並且是當前的)
    if (elem.style[name]) {
        return elem.style[name];
    }
    //否則,測試IE的方法
    else if (elem.currentStyle) {
        return elem.currentStyle[name];
    }
    //或W3C的方法
    else if(document.defaultView && document.defaultView.getComputedStyle){
        name = name.replace(/(A-Z)/g, "-$1");
        name = name.toLowerCase();
        var s = document.defaultView.getComputedStyle(elem, "");
        return s && s.getPropertyValue(name);
    }
    //否則,使用者使用的是其他瀏覽器
    else {
        return null;
    }
}

程式碼來源:https://gist.github.com/hehongwei44/9abf63536accd0f2eeb7

取得元素目前的高度和寬度

複製程式碼 程式碼如下:

/**
 * 取得元素的真實高度
 * 依賴的getStyle見上面的函數。
 **/
function getHeight(elem) {
    return parseInt(getStyle(elem, 'height'));
}
/**
 * 取得元素的真實寬度
 * 依賴的getStyle見上面的函數
 **/
function getWidth(elem) {
    return parseInt(getStyle(elem, 'width'));
}

代碼來源:https://gist.github.com/hehongwei44/b524ff25991d99625eb2

以上就是本文分享的javascript常用腳本了,希望大家能夠喜歡。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage