文章詳情頁

JavaScript常用代碼總結

瀏覽：35日期：2023-11-14 09:25:00

分享了一些常用JavaScript代碼，有：1.手機類型判斷、2.字符串長度、3.獲取url中的參數、4.js 綁定事件、5.當前瀏覽器JS的版本、6.全選/全不選、7.移除事件、8.回車提交、9.ajax提交等。

經常使用的 JS 方法，今天記下，以便以后查詢

手機類型判斷

var BrowserInfo = { userAgent: navigator.userAgent.toLowerCase() isAndroid: Boolean(navigator.userAgent.match(/android/ig)), isIphone: Boolean(navigator.userAgent.match(/iphone|ipod/ig)), isIpad: Boolean(navigator.userAgent.match(/ipad/ig)), isWeixin: Boolean(navigator.userAgent.match(/MicroMessenger/ig)),}

返回字符串長度，漢子計數為2

function strLength(str) { var a = 0; for (var i = 0; i < str.length; i++) {if (str.charCodeAt(i) > 255) a += 2;//按照預期計數增加2else a++; } return a;}

獲取url中的參數

function GetQueryStringRegExp(name,url) { var reg = new RegExp('(^|?|&)' + name + '=([^&]*)(s|&|$)', 'i'); if (reg.test(url)) return decodeURIComponent(RegExp.$2.replace(/+/g, ' ')); return '';}

/* js 綁定事件適用于任何瀏覽器的元素綁定 */

/* 獲得當前瀏覽器JS的版本 */

/* 獲取當前點擊事件的Object對象 */

/* 字符串截取方法 */

getCharactersLen: function (charStr, cutCount) {if (charStr == null || charStr == ’’) return ’’;var totalCount = 0;var newStr = ’’;for (var i = 0; i < charStr.length; i++) { var c = charStr.charCodeAt(i); if (c < 255 && c > 0) {totalCount++; } else {totalCount += 2; } if (totalCount >= cutCount) {newStr += charStr.charAt(i);break; } else {newStr += charStr.charAt(i); }}return newStr; }

/* JS 彈出新窗口全屏 */

var tmp = window.open('about:blank', '', 'fullscreen=1') tmp.moveTo(0, 0); tmp.resizeTo(screen.width + 20, screen.height); tmp.focus(); tmp.location.href = ’http://www.che168.com/pinggu/eva_’ + msgResult.message[0] + ’.html’;var config_ = 'left=0,top=0,width=' + (window.screen.Width) + ',height=' + (window.screen.Height); window.open(’http://www.che168.com/pinggu/eva_’ + msgResult.message[0] + ’.html’, 'winHanle', config_);//模擬form提交打開新頁面var f = document.createElement('form'); f.setAttribute(’action’, ’http://www.che168.com/pinggu/eva_’ + msgResult.message[0] + ’.html’); f.target = ’_blank’; document.body.appendChild(f); f.submit();

/* 全選/全不選 */

/* js 判斷瀏覽器 */

判斷是否是 IE 瀏覽器 if (document.all){ alert(”IE瀏覽器”); }else{ alert(”非IE瀏覽器”); } if (!!window.ActiveXObject){ alert(”IE瀏覽器”); }else{ alert(”非IE瀏覽器”); } 判斷是IE幾var isIE=!!window.ActiveXObject; var isIE6=isIE&&!window.XMLHttpRequest; var isIE8=isIE&&!!document.documentMode; var isIE7=isIE&&!isIE6&&!isIE8; if (isIE){ if (isIE6){ alert(”ie6″); }else if (isIE8){ alert(”ie8″); }else if (isIE7){ alert(”ie7″); } }

/* 判斷瀏覽器 */

/* JS判斷兩個日期大小適合 2012-09-09 與2012-9-9 兩種格式的對比 */

//得到日期值并轉化成日期格式，replace(/-/g, '/')是根據驗證表達式把日期轉化成長日期格式，這樣再進行判斷就好判斷了function ValidateDate() { var beginDate = $('#t_datestart').val(); var endDate = $('#t_dateend').val(); if (beginDate.length > 0 && endDate.length>0) {var sDate = new Date(beginDate.replace(/-/g, '/'));var eDate= new Date(endDate.replace(/-/g, '/'));if (sDate > eDate) { alert(’開始日期要小于結束日期’); return false;} }}

/* 移除事件 */

this.moveBind = function (objId, eventType, callBack) {var obj = document.getElementById(objId);if (obj.removeEventListener) { obj.removeEventListener(eventType, callBack, false);}else if (window.detachEvent) { obj.detachEvent(’on’ + eventType, callBack);}else { obj[’on’ + eventType] = null;} }

/* 回車提交 */

$('id').onkeypress = function (event) { event = (event) ? event : ((window.event) ? window.event : '') keyCode = event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode); if (keyCode == 13) {$('SubmitLogin').onclick(); }}

/* JS 執行計時器 */

timeStart = new Date().getTime();timesEnd = new Date().getTime();document.getElementById('time').innerHTML = timesEnd - timeStart;

/* JS 寫Cookie */

/* JS 讀Cookie */

/* Ajax 請求 */

C.ajax = function (args) { var self = this; this.options = {type: ’GET’,async: true,contentType: ’application/x-www-form-urlencoded’,url: ’about:blank’,data: null,success: {},error: {} }; this.getXmlHttp = function () {var xmlHttp;try { xmlhttp = new XMLHttpRequest();}catch (e) { try {xmlhttp = new ActiveXObject('Msxml2.XMLHTTP'); } catch (e) {xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); }}if (!xmlhttp) { alert(’您的瀏覽器不支持AJAX’); return false;}return xmlhttp; }; this.send = function () {C.each(self.options, function (key, val) { self.options[key] = (args[key] == null) ? val : args[key];});var xmlHttp = new self.getXmlHttp();if (self.options.type.toUpperCase() == ’GET’) { xmlHttp.open(self.options.type, self.options.url + (self.options.data == null ? '' : ((/[?]$/.test(self.options.url) ? ’&’ : ’?’) + self.options.data)), self.options.async);}else { xmlHttp.open(self.options.type, self.options.url, self.options.async); xmlHttp.setRequestHeader(’Content-Length’, self.options.data.length);}xmlHttp.setRequestHeader(’Content-Type’, self.options.contentType);xmlHttp.onreadystatechange = function () { if (xmlHttp.readyState == 4) {if (xmlHttp.status == 200 || xmlHttp.status == 0) { if (typeof self.options.success == ’function’) self.options.success(xmlHttp.responseText); xmlHttp = null;}else { if (typeof self.options.error == ’function’) self.options.error(’Server Status: ’ + xmlHttp.status);} }};xmlHttp.send(self.options.type.toUpperCase() == ’POST’ ? self.options.data.toString() : null); }; this.send();};

/* JS StringBuilder 用法 */

/* JS 加載到頂部LoadJS */

/* 清空 LoadJS 加載到頂部的js引用 */

/* JS 替換非法字符主要用在密碼驗證上出現的特殊字符 */

function URLencode(sStr) {return escape(sStr).replace(/+/g, ’%2B’).replace(/'/g, ’%22’).replace(/’/g, ’%27’).replace(///g, ’%2F’); };

/* 按Ctrl + Entert 直接提交表單 */

document.body.onkeydown = function (evt) {evt = evt ? evt : (window.event ? window.event : null);if (13 == evt.keyCode && evt.ctrlKey) { evt.returnValue = false; evt.cancel = true; PostData();} };

/* 獲取當前時間 */

function GetCurrentDate() {var d = new Date();var y = d.getYear()+1900;month = add_zero(d.getMonth() + 1),days = add_zero(d.getDate()),hours = add_zero(d.getHours());minutes = add_zero(d.getMinutes()),seconds = add_zero(d.getSeconds());var str = y + ’-’ + month + ’-’ + days + ’ ’ + hours + ’:’ + minutes + ’:’ + seconds;return str; }; function add_zero(temp) {if (temp < 10) return '0' + temp;else return temp; }

/* Js 去掉空格方法： */

String.prototype.Trim = function(){ return this.replace(/(^s*)|(s*$)/g, ''); }String.prototype.LTrim = function(){return this.replace(/(^s*)/g, '');}String.prototype.RTrim = function(){return this.replace(/(s*$)/g, '');}

/* js 動態移除 head 里的 js 引用 */

this.ClearHeadJs = function (src) {var js = document.getElementsByTagName(’head’)[0].children;var obj = null;for (var i = 0; i < js.length; i++) { if (js[i].tagName.toLowerCase() == 'script' && js[i].attributes[’src’].value.indexOf(src) > 0) {obj = js[i]; }}document.getElementsByTagName(’head’)[0].removeChild(obj); };

/* 整個UL 點擊事件加在UL里的onclick里 */

function CreateFrom(url, params) { var f = document.createElement('form'); f.setAttribute('action', url); for (var i = 0; i < params.length; i++) {var input = document.createElement('input');input.setAttribute('type', 'hidden');input.setAttribute('name', params[i].paramName);input.setAttribute('value', params[i].paramValue);f.appendChild(input); } f.target = '_blank'; document.body.appendChild(f); f.submit();};

/* 判斷瀏覽器使用的是哪個 JS 版本 */

本文希望能給入門或迷茫的同學一些建議，合不合適只有自己才是最明白的，歡迎留言。另外新手學習前端開發除了要多動手敲代碼最重要的還是經驗的交流歡迎有需要的的小伙伴進前端開發交流群624293552來一起交流問題學習經驗，我把所有比較適合新手學習的教程資料都放到里了。

來自：http://geek.csdn.net/news/detail/193127

JavaScript

上一條：JavaScript異步編程下一條：深入理解JavaScript執行上下文、函數堆棧、提升的概念

相關文章：

1. moment轉化時間戳出現Invalid Date的問題及解決2. python爬蟲實戰之制作屬于自己的一個IP代理模塊3. 如何在jsp界面中插入圖片4. 詳解盒子端CSS動畫性能提升5. asp批量添加修改刪除操作示例代碼6. HTML 絕對路徑與相對路徑概念詳細7. .NET6打包部署到Windows Service的全過程8. Ajax返回值類型與用法實例分析9. 解決ajax請求后臺,有時收不到返回值的問題10. ajax請求后臺得到json數據后動態生成樹形下拉框的方法

排行榜

					
					moment轉化時間戳出現Invalid Date的問題及解決
python爬蟲實戰之制作屬于自己的一個IP代理模塊
java 設計模式之Observer
詳解Android框架MVVM分析以及使用
IntelliJ IDEA安裝插件的方法步驟
關于Python Socket編程的要點詳解
匯總Android Manifest 權限描述大全
python3 requests 各種發送方式詳解
詳解Android系統啟動過程
Python爬取酷狗MP3音頻的步驟
Python lxml庫的簡單介紹及基本使用講解
				