就算現今是以框架為主流的前端，依然離不開JS，因為他是框架底層的一部分。我先上傳代碼截圖(截圖顯示會更好看點)，截圖后面有帶源碼(源碼方便大家復制)。

/** * 文件描述:js項目開發中的常用方法工具 * *//** * 全局常量 */var DEFAULT_LINE_KEY = 0;var DIS_PRECISION_NUM = 3; //距離精度位數var UntilCommon = {}; //公共函數對象var MAX_KEYCODE_TIMELEN = 40;//輸入間隔/** * 功能:對Date的擴展，將 Date 轉化為指定格式的String * @param fmt 格式化字符串("yyyy-MM-dd hh:mm:ss.S") * @return 格式化后的日期字符串; */ Date.prototype.Format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this.getHours(), //小時 "m+" : this.getMinutes(), //分 "s+" : this.getSeconds(), //秒 "q+" : Math.floor((this.getMonth()+3)/3), //季度 "S" : this.getMilliseconds() //毫秒 }; if(/(y+)/.test(fmt)) fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); for(var k in o) if(new RegExp("("+ k +")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length))); return fmt; };//function getLocalTime(nS, len) { return new Date(parseInt(nS)*len).Format("yyyy-MM-dd hh:mm:ss");}/** * 功能:String對象替轉Date類型 * @param strDate 被轉字符串 * @return 日期對象; * */UntilCommon.StringToDate = function(strDate){//因之前在數據庫中的類型為2008-04-02 10:08:44,必須轉化為2008/04/02 10:08:44格式才能實例化Date對象var strTemp=strDate.toString();strTemp = strTemp.replace(/-/g,"/");var dDate = new Date(strTemp);return dDate;};/** * 功能:增加String對象替換全部字符串方法 * @param reallyDo 被替換字符串 * @param replaceWith 替換成目標字符串 * @param ignoreCase 是否忽略大小寫 * @return 替換完成字符串; */ String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) { if (!RegExp.prototype.isPrototypeOf(reallyDo)) { return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith); } else { return this.replace(reallyDo, replaceWith); }};/** * */UntilCommon.GetFileSuffix = function(filename){var result = "";try{var start=filename.lastIndexOf(".")+1;var end=filename.length; result=filename.substring(start,end);//后綴名}catch(e){result = "";}return result.toLowerCase();};/** * 功能: 獲取瀏覽器類型 * @return 瀏覽器類型名稱; */UntilCommon.getOs= function() { if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator.userAgent.indexOf("Firefox")>0) { return "Firefox"; } if(isSafari=navigator.userAgent.indexOf("Safari")>0) { return "Safari"; } if(isCamino=navigator.userAgent.indexOf("Camino")>0) { return "Camino"; } if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0) { return "Gecko"; } };/** * 功能: 獲取IE版本 * @return IE的版本號; */UntilCommon.GetversionIE= function(){var browser=navigator.appName; if(browser!="Microsoft Internet Explorer" ){return -1;}var b_version=navigator.appVersion;var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(trim_Version=="MSIE6.0") { return 6;} else if(trim_Version=="MSIE7.0") { return 7;} else if(trim_Version=="MSIE8.0") { return 8;} else if(trim_Version=="MSIE9.0") { return 9;} else if(trim_Version=="MSIE10.0") { return 10;} return 11;};/** * 功能: 綁定頁面大小改變執行函數 * @param fn 回調函數 */UntilCommon.BindOnReSize=function (fn){window.οnresize=fn;};/** * 功能: 關閉頁面鼠標選中頁面數據功能 */ UntilCommon.disSelectBrowser = function(){var browserType = UntilCommon.getOs();//防止出現點擊藍色區域 IE和谷歌支持，火狐在css設置 -moz-user-select: none;if((browserType == "MSIE")||(browserType == "Safari"))//ie&chrome{ document.onselectstart=function(){return false;};}};/** * 功能: 進入全屏 */ UntilCommon.FullScreen = function () {try{ var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); } //FireFox else if (docElm.mozRequestFullScreen) { docElm.mozRequestFullScreen(); } //Chrome等 else if (docElm.webkitRequestFullScreen) { docElm.webkitRequestFullScreen(); } //IE11 else if (elem.msRequestFullscreen) { elem.msRequestFullscreen(); }}catch(e){console.log(e); if (typeof window.ActiveXObject != "undefined") { // for Internet Explorer var wscript = new ActiveXObject("WScript.Shell"); if (wscript != null) { wscript.SendKeys("{F11}"); } }} finally{ }};/** * 功能: 取消全屏進入全屏 */ UntilCommon.ExitFullScreen =function (){try{var browserNum = UntilCommon.GetversionIE();if( browserNum>-1 && browserNum< 10){if (typeof window.ActiveXObject != "undefined"){ var wscript = new ActiveXObject("WScript.Shell"); if (wscript != null) { wscript.SendKeys("{F11}"); }}}else if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); }else if (document.msExitFullscreen) { document.msExitFullscreen();}}catch(e){if (typeof window.ActiveXObject != "undefined") { // for Internet Explorervar wscript = new ActiveXObject("WScript.Shell"); if (wscript != null) { wscript.SendKeys("{F11}"); }} } finally { }};/** * 功能: 在json對象添加objName * @param objName 對象名稱 * @param jsondata json對象 * @return json對象; */ UntilCommon.JsonToObjJson = function(objName, jsondata){var jsonNew = {}; for(var key in jsondata) { jsonNew[objName+"."+key] =jsondata[key]; } return jsonNew;};//UntilCommon.cloneObject = function(jsondata){var jsonNew = {}; for(var key in jsondata) { jsonNew[key] =jsondata[key]; } return jsonNew;};/** * 功能: json對象轉換為String字符串 * @param oJson json對象 * @return json對象的字符內容; */ UntilCommon.Json2ToString =function (oJson){ if(JSON){return JSON.stringify(oJson);} var S = []; var J = ""; if (Object.prototype.toString.apply(oJson) === '[object Array]') { for (var i = 0; i < oJson.length; i++) { S.push(O2String(oJson[i])); } J = '[' + S.join(',') + ']'; } else if (Object.prototype.toString.apply(oJson) === '[object Date]') { J = "new Date(" + oJson.getTime() + ")"; } else if (Object.prototype.toString.apply(oJson) === '[object RegExp]' || Object.prototype.toString.apply(oJson) === '[object Function]') { J = oJson.toString(); } else if (Object.prototype.toString.apply(oJson) === '[object Object]') { for (var i in oJson) { oJson[i] = typeof (oJson[i]) == 'string' ? '"' + oJson[i] + '"' : (typeof (oJson[i]) === 'object' ? O2String(oJson[i]) : oJson[i]); S.push(i + ':' + oJson[i]); } J = '{' + S.join(',') + '}'; } return J; };/** *功能: 用于下載網頁數據并加載的本地 *@param useURL 下載頁面URL *@param callbackFn 下載完成回調函數 */UntilCommon.DomLoadHTML = function(useURL,callbackFn){ $.ajax({type : "POST

總結

以上是生活随笔為你收集整理的navigator工具_Javascript常用工具类的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。