Heim >Web-Frontend >js-Tutorial >Häufig verwendete JS-Code-Organisation

Häufig verwendete JS-Code-Organisation

一个新手
一个新手Original
2017-09-09 15:14:022303Durchsuche

1. Rufen Sie die Adressleistenparameter auf

function request(paras) {
    var url = location.search;
    var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
    var paraObj = {}
    for (i = 0; j = paraString[i]; i++) {
        paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
    };
    var returnValue = paraObj[paras.toLowerCase()];
    if (typeof(returnValue) == "undefined") {
        return "";
    } else {
        return returnValue;
    };
};

Rufen Sie die Methode auf, var status = request('status'); Rufen Sie die Statusparameter in der Adressleiste ab

2 , Index verwenden Der Wert ermöglicht das Umschalten zwischen Tabs und Inhalten

function switch_tab(title, content) {
	title.first().addClass("on");
	content.first().show();
	title.click(function() {
		var a = $(this).index()
		if(content.eq(a).css("display") != "block") {
			content.hide(),
			content.eq(a).show(),
			title.removeClass("on"),
			$(this).addClass("on");
		};
	});
};

Aufrufmethode, switch_tab($('.title_box .title'),$('.content_box .box')) ruft den Status ab Adressleistenparameter

3. js-Zeitstempelverarbeitung

// 传入时间戳。输出格式为:2017-05-14 00:08:46
common.pattern = function(data) {
    function replace(m) {
        return m < 10 ? &#39;0&#39; + m: m
    }
    var _date = new Date(parseInt(data));
    var re_date = replace(_date.getFullYear()) + "-" + replace(_date.getMonth() + 1) + "-" + replace(_date.getDate()) + " " + replace(_date.getHours()) + ":" + replace(_date.getMinutes()) + &#39;:&#39; + replace(_date.getSeconds());
    return re_date;
};

4. // Bestimmen Sie das Mobiltelefonsystem Android oder iOS

var ua = navigator.userAgent.toLowerCase();

if (/iphone|ipad|ipod/.test(ua)) {
    
} else if (/android/.test(ua)) {
   
};

5 Popup zum Anzeigen des Codes

// 阻止右键
document.body.onselectstart = document.body.oncontextmenu = function() {
    return false;
}

Das obige ist der detaillierte Inhalt vonHäufig verwendete JS-Code-Organisation. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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