All_Izz_well
All_Izz_well

javascript常用方法函数收集

1
2
3
4
// 小于10补0
function  format(n) {
     return  n.toString().replace(/^(\d)$/,  '0$1' );
}

千分位显示，常用于价格显示：

1
2
3
4
// 千分位
function  toThousands(num) {
     return  parseFloat(num).toFixed(2).replace(/(\d{1,3})(?=(\d{3})+(?:\.))/g,  "$1," );
}


字符串长度截取

js 代码:

   
   
   
   
    
    
    
    
    
  1. function cutstr(str, len) {
    2. 
    
    
    
    
  2.     var temp,
    3. 
    
    
    
    
  3.         icount = 0,
    4. 
    
    
    
    
  4.         patrn = /[^\x00-\xff]/，
    5. 
    
    
    
    
  5.         strre = "";
    6. 
    
    
    
    
  6.     for (var i = 0; i < str.length; i++) {
    7. 
    
    
    
    
  7.         if (icount < len - 1) {
    8. 
    
    
    
    
  8.             temp = str.substr(i, 1);
    9. 
    
    
    
    
  9.                 if (patrn.exec(temp) == null) {
    10. 
    
    
    
    
  10.                    icount = icount + 1
    11. 
    
    
    
    
  11.             } else {
    12. 
    
    
    
    
  12.                 icount = icount + 2
    13. 
    
    
    
    
  13.             }
    14. 
    
    
    
    
  14.             strre += temp
    15. 
    
    
    
    
  15.             } else {
    16. 
    
    
    
    
  16.             break;
    17. 
    
    
    
    
  17.         }
    18. 
    
    
    
    
  18.     }
    19. 
    
    
    
    
  19.     return strre + "..."
    20. 
    
    
    
    
  20. }
    21.

替换全部

js 代码:

   
   
   
   
    
    
    
    
    
  1. String.prototype.replaceAll = function(s1, s2) {
    2. 
    
    
    
    
  2.     return this.replace(new RegExp(s1, "gm"), s2)
    3. 
    
    
    
    
  3. }
    4.

清除空格

js 代码:

   
   
   
   
    
    
    
    
    
  1. String.prototype.trim = function() {
    2. 
    
    
    
    
  2.     var reExtraSpace = /^\s*(.*?)\s+$/;
    3. 
    
    
    
    
  3.     return this.replace(reExtraSpace, "$1")
    4. 
    
    
    
    
  4. }
    5.

清除左空格/右空格

js 代码:

   
   
   
   
    
    
    
    
    
  1. function ltrim(s){ return s.replace( /^(\s*|　*)/, ""); } 
    2. 
    
    
    
    
  2. function rtrim(s){ return s.replace( /(\s*|　*)$/, ""); }
    3.

判断是否以某个字符串开头

js 代码:

   
   
   
   
    
    
    
    
    
  1. String.prototype.startWith = function (s) {
    2. 
    
    
    
    
  2.     return this.indexOf(s) == 0
    3. 
    
    
    
    
  3. }
    4.

判断是否以某个字符串结束

js 代码:

   
   
   
   
    
    
    
    
    
  1. String.prototype.endWith = function (s) {
    2. 
    
    
    
    
  2.     var d = this.length - s.length;
    3. 
    
    
    
    
  3.     return (d >= 0 && this.lastIndexOf(s) == d)
    4. 
    
    
    
    
  4. }
    5.

转义html标签

js 代码:

   
   
   
   
    
    
    
    
    
  1. function HtmlEncode(text) {
    2. 
    
    
    
    
  2.     return text.replace(/&/g, '&').replace(/\"/g, '"').replace(/g, '<').replace(/>/g, '>')
    3. 
    
    
    
    
  3. }
    4.

时间日期格式转换

js 代码:

   
   
   
   
    
    
    
    
    
  1. Date.prototype.Format = function(formatStr) {
    2. 
    
    
    
    
  2.     var str = formatStr;
    3. 
    
    
    
    
  3.     var Week = ['日', '一', '二', '三', '四', '五', '六'];
    4. 
    
    
    
    
  4.     str = str.replace(/yyyy|YYYY/, this.getFullYear());
    5. 
    
    
    
    
  5.     str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));
    6. 
    
    
    
    
  6.     str = str.replace(/MM/, (this.getMonth() + 1) > 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1));
    7. 
    
    
    
    
  7.     str = str.replace(/M/g, (this.getMonth() + 1));
    8. 
    
    
    
    
  8.     str = str.replace(/w|W/g, Week[this.getDay()]);
    9. 
    
    
    
    
  9.     str = str.replace(/dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate());
    10. 
    
    
    
    
  10.     str = str.replace(/d|D/g, this.getDate());
    11. 
    
    
    
    
  11.     str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());
    12. 
    
    
    
    
  12.     str = str.replace(/h|H/g, this.getHours());
    13. 
    
    
    
    
  13.     str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());
    14. 
    
    
    
    
  14.     str = str.replace(/m/g, this.getMinutes());
    15. 
    
    
    
    
  15.     str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());
    16. 
    
    
    
    
  16.     str = str.replace(/s|S/g, this.getSeconds());
    17. 
    
    
    
    
  17.     return str
    18. 
    
    
    
    
  18. }
    19.

判断是否为数字类型

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isDigit(value) {
    2. 
    
    
    
    
  2.     var patrn = /^[0-9]*$/;
    3. 
    
    
    
    
  3.     if (patrn.exec(value) == null || value == "") {
    4. 
    
    
    
    
  4.         return false
    5. 
    
    
    
    
  5.     } else {
    6. 
    
    
    
    
  6.         return true
    7. 
    
    
    
    
  7.     }
    8. 
    
    
    
    
  8. }
    9.

设置cookie值

js 代码:

   
   
   
   
    
    
    
    
    
  1. function setCookie(name, value, Hours) {
    2. 
    
    
    
    
  2.     var d = new Date();
    3. 
    
    
    
    
  3.     var offset = 8;
    4. 
    
    
    
    
  4.     var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
    5. 
    
    
    
    
  5.     var nd = utc + (3600000 * offset);
    6. 
    
    
    
    
  6.     var exp = new Date(nd);
    7. 
    
    
    
    
  7.     exp.setTime(exp.getTime() + Hours * 60 * 60 * 1000);
    8. 
    
    
    
    
  8.     document.cookie = name + "=" + escape(value) + ";path=/;expires=" + exp.toGMTString() + ";domain=360doc.com;"
    9. 
    
    
    
    
  9. }
    10.

获取cookie值

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getCookie(name) {
    2. 
    
    
    
    
  2.     var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
    3. 
    
    
    
    
  3.     if (arr != null) return unescape(arr[2]);
    4. 
    
    
    
    
  4.     return null
    5. 
    
    
    
    
  5. }
    6.

加入收藏夹

js 代码:

   
   
   
   
    
    
    
    
    
  1. function AddFavorite(sURL, sTitle) {
    2. 
    
    
    
    
  2.     try {
    3. 
    
    
    
    
  3.         window.external.addFavorite(sURL, sTitle)
    4. 
    
    
    
    
  4.     } catch(e) {
    5. 
    
    
    
    
  5.         try {
    6. 
    
    
    
    
  6.             window.sidebar.addPanel(sTitle, sURL, "")
    7. 
    
    
    
    
  7.         } catch(e) {
    8. 
    
    
    
    
  8.             alert("加入收藏失败，请使用Ctrl+D进行添加")
    9. 
    
    
    
    
  9.         }
    10. 
    
    
    
    
  10.     }
    11. 
    
    
    
    
  11. }
    12.

设为首页

js 代码:

   
   
   
   
    
    
    
    
    
  1. function setHomepage() {
    2. 
    
    
    
    
  2.     if (document.all) {
    3. 
    
    
    
    
  3.         document.body.style.behavior = 'url(#default#homepage)';
    4. 
    
    
    
    
  4.         document.body.setHomePage('http://w3cboy.com')
    5. 
    
    
    
    
  5.     } else if (window.sidebar) {
    6. 
    
    
    
    
  6.         if (window.netscape) {
    7. 
    
    
    
    
  7.             try {
    8. 
    
    
    
    
  8.                 netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect")
    9. 
    
    
    
    
  9.             } catch(e) {
    10. 
    
    
    
    
  10.                 alert("该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true")
    11. 
    
    
    
    
  11.                 }
    12. 
    
    
    
    
  12.         }
    13. 
    
    
    
    
  13.         var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
    14. 
    
    
    
    
  14.         prefs.setCharPref('browser.startup.homepage', 'http://w3cboy.com')
    15. 
    
    
    
    
  15.     }
    16. 
    
    
    
    
  16. }
    17.

加载样式文件

js 代码:

   
   
   
   
    
    
    
    
    
  1. function LoadStyle(url) {
    2. 
    
    
    
    
  2.     try {
    3. 
    
    
    
    
  3.         document.createStyleSheet(url)
    4. 
    
    
    
    
  4.     } catch(e) {
    5. 
    
    
    
    
  5.         var cssLink = document.createElement('link');
    6. 
    
    
    
    
  6.         cssLink.rel = 'stylesheet';
    7. 
    
    
    
    
  7.         cssLink.type = 'text/css';
    8. 
    
    
    
    
  8.         cssLink.href = url;
    9. 
    
    
    
    
  9.         var head = document.getElementsByTagName('head')[0];
    10. 
    
    
    
    
  10.         head.appendChild(cssLink)
    11. 
    
    
    
    
  11.     }
    12. 
    
    
    
    
  12. }
    13.

返回脚本内容

js 代码:

   
   
   
   
    
    
    
    
    
  1. function evalscript(s) {
    2. 
    
    
    
    
  2.     if(s.indexOf(') == -1) return s;
    3. 
    
    
    
    
  3.     var p = /]*?>([^\x00]*?)<\/script>/ig;
    4. 
    
    
    
    
  4.     var arr = [];
    5. 
    
    
    
    
  5.     while(arr = p.exec(s)) {
    6. 
    
    
    
    
  6.         var p1 = /]*?src=\"([^\>]*?)\"[^\>]*?(reload=\"1\")?(?:charset=\"([\w\-]+?)\")?><\/script>/i;
    7. 
    
    
    
    
  7.         var arr1 = [];
    8. 
    
    
    
    
  8.         arr1 = p1.exec(arr[0]);
    9. 
    
    
    
    
  9.         if(arr1) {
    10. 
    
    
    
    
  10.             appendscript(arr1[1], '', arr1[2], arr1[3]);
    11. 
    
    
    
    
  11.         } else {
    12. 
    
    
    
    
  12.             p1 = /([^\x00]+?)<\/script>/i;
    13. 
    
    
    
    
  13.             arr1 = p1.exec(arr[0]);
    14. 
    
    
    
    
  14.             appendscript('', arr1[2], arr1[1].indexOf('reload=') != -1);
    15. 
    
    
    
    
  15.         }
    16. 
    
    
    
    
  16.     }
    17. 
    
    
    
    
  17.     return s;
    18. 
    
    
    
    
  18. }
    19.

清除脚本内容

js 代码:

   
   
   
   
    
    
    
    
    
  1. function stripscript(s) {
    2. 
    
    
    
    
  2.     return s.replace(/.*?<\/script>/ig, '');
    3. 
    
    
    
    
  3. }
    4.

动态加载脚本文件

js 代码:

   
   
   
   
    
    
    
    
    
  1. function appendscript(src, text, reload, charset) {
    2. 
    
    
    
    
  2.     var id = hash(src + text);
    3. 
    
    
    
    
  3.     if(!reload && in_array(id, evalscripts)) return;
    4. 
    
    
    
    
  4.     if(reload && $(id)) {
    5. 
    
    
    
    
  5.         $(id).parentNode.removeChild($(id));
    6. 
    
    
    
    
  6.     }
    7. 
    
    
    
    
  7.  
    8. 
    
    
    
    
  8.     evalscripts.push(id);
    9. 
    
    
    
    
  9.     var scriptNode = document.createElement("script");
    10. 
    
    
    
    
  10.     scriptNode.type = "text/javascript";
    11. 
    
    
    
    
  11.     scriptNode.id = id;
    12. 
    
    
    
    
  12.     scriptNode.charset = charset ? charset : (BROWSER.firefox ? document.characterSet : document.charset);
    13. 
    
    
    
    
  13.     try {
    14. 
    
    
    
    
  14.         if(src) {
    15. 
    
    
    
    
  15.             scriptNode.src = src;
    16. 
    
    
    
    
  16.             scriptNode.onloadDone = false;
    17. 
    
    
    
    
  17.             scriptNode.onload = function () {
    18. 
    
    
    
    
  18.                 scriptNode.onloadDone = true;
    19. 
    
    
    
    
  19.                 JSLOADED[src] = 1;
    20. 
    
    
    
    
  20.              };
    21. 
    
    
    
    
  21.              scriptNode.onreadystatechange = function () {
    22. 
    
    
    
    
  22.                  if((scriptNode.readyState == 'loaded' || scriptNode.readyState == 'complete') && !scriptNode.onloadDone) {
    23. 
    
    
    
    
  23.                     scriptNode.onloadDone = true;
    24. 
    
    
    
    
  24.                     JSLOADED[src] = 1;
    25. 
    
    
    
    
  25.                 }
    26. 
    
    
    
    
  26.              };
    27. 
    
    
    
    
  27.         } else if(text){
    28. 
    
    
    
    
  28.             scriptNode.text = text;
    29. 
    
    
    
    
  29.         }
    30. 
    
    
    
    
  30.         document.getElementsByTagName('head')[0].appendChild(scriptNode);
    31. 
    
    
    
    
  31.     } catch(e) {}
    32. 
    
    
    
    
  32. }
    33.

返回按ID检索的元素对象

js 代码:

   
   
   
   
    
    
    
    
    
  1. function $(id) {
    2. 
    
    
    
    
  2.     return !id ? null : document.getElementById(id);
    3. 
    
    
    
    
  3. }
    4.

跨浏览器绑定事件

js 代码:

   
   
   
   
    
    
    
    
    
  1. function addEventSamp(obj,evt,fn){ 
    2. 
    
    
    
    
  2.     if(!oTarget){return;}
    3. 
    
    
    
    
  3.     if (obj.addEventListener) { 
    4. 
    
    
    
    
  4.         obj.addEventListener(evt, fn, false); 
    5. 
    
    
    
    
  5.     }else if(obj.attachEvent){ 
    6. 
    
    
    
    
  6.         obj.attachEvent('on'+evt,fn); 
    7. 
    
    
    
    
  7.     }else{
    8. 
    
    
    
    
  8.         oTarget["on" + sEvtType] = fn;
    9. 
    
    
    
    
  9.     } 
    10. 
    
    
    
    
  10. }
    11.

跨浏览器删除事件

js 代码:

   
   
   
   
    
    
    
    
    
  1. function delEvt(obj,evt,fn){
    2. 
    
    
    
    
  2.     if(!obj){return;}
    3. 
    
    
    
    
  3.     if(obj.addEventListener){
    4. 
    
    
    
    
  4.         obj.addEventListener(evt,fn,false);
    5. 
    
    
    
    
  5.     }else if(oTarget.attachEvent){
    6. 
    
    
    
    
  6.         obj.attachEvent("on" + evt,fn);
    7. 
    
    
    
    
  7.     }else{
    8. 
    
    
    
    
  8.         obj["on" + evt] = fn;
    9. 
    
    
    
    
  9.     }
    10. 
    
    
    
    
  10. }
    11.

为元素添加on方法

js 代码:

   
   
   
   
    
    
    
    
    
  1. Element.prototype.on = Element.prototype.addEventListener;
    2. 
    
    
    
    
  2.  
    3. 
    
    
    
    
  3. NodeList.prototype.on = function (event, fn) {、
    4. 
    
    
    
    
  4.     []['forEach'].call(this, function (el) {
    5. 
    
    
    
    
  5.         el.on(event, fn);
    6. 
    
    
    
    
  6.     });
    7. 
    
    
    
    
  7.     return this;
    8. 
    
    
    
    
  8. };
    9.

为元素添加trigger方法

js 代码:

   
   
   
   
    
    
    
    
    
  1. Element.prototype.trigger = function (type, data) {
    2. 
    
    
    
    
  2.     var event = document.createEvent('HTMLEvents');
    3. 
    
    
    
    
  3.     event.initEvent(type, true, true);
    4. 
    
    
    
    
  4.     event.data = data || {};
    5. 
    
    
    
    
  5.     event.eventName = type;
    6. 
    
    
    
    
  6.     event.target = this;
    7. 
    
    
    
    
  7.     this.dispatchEvent(event);
    8. 
    
    
    
    
  8.     return this;
    9. 
    
    
    
    
  9. };
    10. 
    
    
    
    
  10.  
    11. 
    
    
    
    
  11. NodeList.prototype.trigger = function (event) {
    12. 
    
    
    
    
  12.     []['forEach'].call(this, function (el) {
    13. 
    
    
    
    
  13.         el['trigger'](event);
    14. 
    
    
    
    
  14.     });
    15. 
    
    
    
    
  15.     return this;
    16. 
    
    
    
    
  16. };
    17.

检验URL链接是否有效

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getUrlState(URL){ 
    2. 
    
    
    
    
  2.     var xmlhttp = new ActiveXObject("microsoft.xmlhttp"); 
    3. 
    
    
    
    
  3.     xmlhttp.Open("GET",URL, false);  
    4. 
    
    
    
    
  4.     try{  
    5. 
    
    
    
    
  5.             xmlhttp.Send(); 
    6. 
    
    
    
    
  6.     }catch(e){
    7. 
    
    
    
    
  7.     }finally{ 
    8. 
    
    
    
    
  8.         var result = xmlhttp.responseText; 
    9. 
    
    
    
    
  9.         if(result){
    10. 
    
    
    
    
  10.             if(xmlhttp.Status==200){ 
    11. 
    
    
    
    
  11.                 return(true); 
    12. 
    
    
    
    
  12.              }else{ 
    13. 
    
    
    
    
  13.                    return(false); 
    14. 
    
    
    
    
  14.              } 
    15. 
    
    
    
    
  15.          }else{ 
    16. 
    
    
    
    
  16.              return(false); 
    17. 
    
    
    
    
  17.          } 
    18. 
    
    
    
    
  18.     }
    19. 
    
    
    
    
  19. }
    20.

格式化CSS样式代码

js 代码:

   
   
   
   
    
    
    
    
    
  1. function formatCss(s){//格式化代码
    2. 
    
    
    
    
  2.     s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
    3. 
    
    
    
    
  3.     s = s.replace(/;\s*;/g, ";"); //清除连续分号
    4. 
    
    
    
    
  4.     s = s.replace(/\,[\s\.\#\d]*{/g, "{");
    5. 
    
    
    
    
  5.     s = s.replace(/([^\s])\{([^\s])/g, "$1 {\n\t$2");
    6. 
    
    
    
    
  6.     s = s.replace(/([^\s])\}([^\n]*)/g, "$1\n}\n$2");
    7. 
    
    
    
    
  7.     s = s.replace(/([^\s]);([^\s\}])/g, "$1;\n\t$2");
    8. 
    
    
    
    
  8.     return s;
    9. 
    
    
    
    
  9. }
    10.

压缩CSS样式代码

js 代码:

   
   
   
   
    
    
    
    
    
  1. function compressCss (s) {//压缩代码
    2. 
    
    
    
    
  2.     s = s.replace(/\/\*(.|\n)*?\*\//g, ""); //删除注释
    3. 
    
    
    
    
  3.     s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
    4. 
    
    
    
    
  4.     s = s.replace(/\,[\s\.\#\d]*\{/g, "{"); //容错处理
    5. 
    
    
    
    
  5.     s = s.replace(/;\s*;/g, ";"); //清除连续分号
    6. 
    
    
    
    
  6.     s = s.match(/^\s*(\S+(\s+\S+)*)\s*$/); //去掉首尾空白
    7. 
    
    
    
    
  7.     return (s == null) ? "" : s[1];
    8. 
    
    
    
    
  8. }
    9.

获取当前路径

js 代码:

   
   
   
   
    
    
    
    
    
  1. var currentPageUrl = "";
    2. 
    
    
    
    
  2. if (typeof this.href === "undefined") {
    3. 
    
    
    
    
  3.     currentPageUrl = document.location.toString().toLowerCase();
    4. 
    
    
    
    
  4. }else {
    5. 
    
    
    
    
  5.     currentPageUrl = this.href.toString().toLowerCase();
    6. 
    
    
    
    
  6. }
    7.

判断是否移动设备

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isMobile(){
    2. 
    
    
    
    
  2.     if (typeof this._isMobile === 'boolean'){
    3. 
    
    
    
    
  3.         return this._isMobile;
    4. 
    
    
    
    
  4.     }
    5. 
    
    
    
    
  5.     var screenWidth = this.getScreenWidth();
    6. 
    
    
    
    
  6.     var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport ||rendererModel.runningExperiments.fixviewport;
    7. 
    
    
    
    
  7.     var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");
    8. 
    
    
    
    
  8.     if(!fixViewPortsExperiment){
    9. 
    
    
    
    
  9.         if(!this.isAppleMobileDevice()){
    10. 
    
    
    
    
  10.             screenWidth = screenWidth/window.devicePixelRatio;
    11. 
    
    
    
    
  11.         }
    12. 
    
    
    
    
  12.     }
    13. 
    
    
    
    
  13.     var isMobileScreenSize = screenWidth < 600;
    14. 
    
    
    
    
  14.     var isMobileUserAgent = false;
    15. 
    
    
    
    
  15.     this._isMobile = isMobileScreenSize && this.isTouchScreen();
    16. 
    
    
    
    
  16.     return this._isMobile;
    17. 
    
    
    
    
  17. }
    18.

判断是否移动设备访问

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isMobileUserAgent(){
    2. 
    
    
    
    
  2.     return (/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase()));
    3. 
    
    
    
    
  3. }
    4.

判断是否苹果移动设备访问

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isAppleMobileDevice(){
    2. 
    
    
    
    
  2.     return (/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase()));
    3. 
    
    
    
    
  3. }
    4.

判断是否安卓移动设备访问

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isAndroidMobileDevice(){
    2. 
    
    
    
    
  2.     return (/android/i.test(navigator.userAgent.toLowerCase()));
    3. 
    
    
    
    
  3. }
    4.

判断是否Touch屏幕

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isTouchScreen(){
    2. 
    
    
    
    
  2.     return (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
    3. 
    
    
    
    
  3. }
    4.

判断是否打开视窗

js 代码:

   
   
   
   
    
    
    
    
    
  1. function isViewportOpen() {
    2. 
    
    
    
    
  2.     return !!document.getElementById('wixMobileViewport');
    3. 
    
    
    
    
  3. }
    4.

获取移动设备初始化大小

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getInitZoom(){
    2. 
    
    
    
    
  2.     if(!this._initZoom){
    3. 
    
    
    
    
  3.         var screenWidth = Math.min(screen.height, screen.width);
    4. 
    
    
    
    
  4.         if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
    5. 
    
    
    
    
  5.             screenWidth = screenWidth/window.devicePixelRatio;
    6. 
    
    
    
    
  6.         }
    7. 
    
    
    
    
  7.             this._initZoom = screenWidth /document.body.offsetWidth;
    8. 
    
    
    
    
  8.         }
    9. 
    
    
    
    
  9.     return this._initZoom;
    10. 
    
    
    
    
  10. }
    11.

获取移动设备最大化大小

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getZoom(){
    2. 
    
    
    
    
  2.     var screenWidth = (Math.abs(window.orientation) === 90) ? Math.max(screen.height, screen.width) : Math.min(screen.height, screen.width);
    3. 
    
    
    
    
  3.     if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
    4. 
    
    
    
    
  4.         screenWidth = screenWidth/window.devicePixelRatio;
    5. 
    
    
    
    
  5.     }
    6. 
    
    
    
    
  6.     var FixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
    7. 
    
    
    
    
  7.     var FixViewPortsExperimentRunning = FixViewPortsExperiment && (FixViewPortsExperiment === "New" || FixViewPortsExperiment === "new");
    8. 
    
    
    
    
  8.     if(FixViewPortsExperimentRunning){
    9. 
    
    
    
    
  9.         return screenWidth / window.innerWidth;
    10. 
    
    
    
    
  10.     }else{
    11. 
    
    
    
    
  11.         return screenWidth / document.body.offsetWidth;
    12. 
    
    
    
    
  12.     }
    13. 
    
    
    
    
  13. }
    14.

获取移动设备屏幕宽度

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getScreenWidth(){
    2. 
    
    
    
    
  2.     var smallerSide = Math.min(screen.width, screen.height);
    3. 
    
    
    
    
  3.     var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
    4. 
    
    
    
    
  4.     var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");
    5. 
    
    
    
    
  5.     if(fixViewPortsExperiment){
    6. 
    
    
    
    
  6.         if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
    7. 
    
    
    
    
  7.             smallerSide = smallerSide/window.devicePixelRatio;
    8. 
    
    
    
    
  8.         }
    9. 
    
    
    
    
  9.     }
    10. 
    
    
    
    
  10.     return smallerSide;
    11. 
    
    
    
    
  11. }
    12.

完美判断是否为网址

js 代码:

   
   
   
   
    
    
    
    
    
  1. function IsURL(strUrl) {
    2. 
    
    
    
    
  2.     var regular = /^\b(((https?|ftp):\/\/)?[-a-z0-9]+(\.[-a-z0-9]+)*\.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]\d)|\d))\b(\/[-a-z0-9_:\@&?=+,.!\/~%\$]*)?)$/i
    3. 
    
    
    
    
  3.     if (regular.test(strUrl)) {
    4. 
    
    
    
    
  4.         return true;
    5. 
    
    
    
    
  5.     }else {
    6. 
    
    
    
    
  6.         return false;
    7. 
    
    
    
    
  7.     }
    8. 
    
    
    
    
  8. }
    9.

getElementsByClassName

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getElementsByClassName(name) {
    2. 
    
    
    
    
  2.     var tags = document.getElementsByTagName('*') || document.all;
    3. 
    
    
    
    
  3.     var els = [];
    4. 
    
    
    
    
  4.     for (var i = 0; i < tags.length; i++) {
    5. 
    
    
    
    
  5.         if (tags.className) {
    6. 
    
    
    
    
  6.             var cs = tags.className.split(' ');
    7. 
    
    
    
    
  7.             for (var j = 0; j < cs.length; j++) {
    8. 
    
    
    
    
  8.                 if (name == cs[j]) {
    9. 
    
    
    
    
  9.                     els.push(tags);
    10. 
    
    
    
    
  10.                     break
    11. 
    
    
    
    
  11.                 }
    12. 
    
    
    
    
  12.             }
    13. 
    
    
    
    
  13.         }
    14. 
    
    
    
    
  14.     }
    15. 
    
    
    
    
  15.     return els
    16. 
    
    
    
    
  16. }
    17.

获取页面高度

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageHeight(){
    2. 
    
    
    
    
  2.     var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat"
    3. 
    
    
    
    
  3.                     ? a
    4. 
    
    
    
    
  4.                     : g.documentElement;
    5. 
    
    
    
    
  5.     return Math.max(f.scrollHeight, a.scrollHeight, d.clientHeight);
    6. 
    
    
    
    
  6. }
    7.

获取页面scrollLeft

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageScrollLeft(){
    2. 
    
    
    
    
  2.     var a = document;
    3. 
    
    
    
    
  3.     return a.documentElement.scrollLeft || a.body.scrollLeft;
    4. 
    
    
    
    
  4. }
    5.

获取页面可视宽度

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageViewWidth(){
    2. 
    
    
    
    
  2.     var d = document, a = d.compatMode == "BackCompat"
    3. 
    
    
    
    
  3.                     ? d.body
    4. 
    
    
    
    
  4.                     : d.documentElement;
    5. 
    
    
    
    
  5.     return a.clientWidth;
    6. 
    
    
    
    
  6. }
    7.

获取页面宽度

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageWidth(){
    2. 
    
    
    
    
  2.     var g = document, a = g.body, f = g.documentElement, d = g.compatMode == "BackCompat"
    3. 
    
    
    
    
  3.                     ? a
    4. 
    
    
    
    
  4.                     : g.documentElement;
    5. 
    
    
    
    
  5.     return Math.max(f.scrollWidth, a.scrollWidth, d.clientWidth);
    6. 
    
    
    
    
  6. }
    7.

获取页面scrollTop

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageScrollTop(){
    2. 
    
    
    
    
  2.     var a = document;
    3. 
    
    
    
    
  3.     return a.documentElement.scrollTop || a.body.scrollTop;
    4. 
    
    
    
    
  4. }
    5.

获取页面可视高度

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getPageViewHeight() {
    2. 
    
    
    
    
  2.     var d = document, a = d.compatMode == "BackCompat"
    3. 
    
    
    
    
  3.                     ? d.body
    4. 
    
    
    
    
  4.                     : d.documentElement;
    5. 
    
    
    
    
  5.     return a.clientHeight;
    6. 
    
    
    
    
  6. }
    7.

去掉url前缀

js 代码:

   
   
   
   
    
    
    
    
    
  1. function removeUrlPrefix(a){
    2. 
    
    
    
    
  2.     a=a.replace(/：/g,":").replace(/．/g,".").replace(/／/g,"/");
    3. 
    
    
    
    
  3.     while(trim(a).toLowerCase().indexOf("http://")==0){
    4. 
    
    
    
    
  4.         a=trim(a.replace(/http:\/\//i,""));
    5. 
    
    
    
    
  5.     }
    6. 
    
    
    
    
  6.     return a;
    7. 
    
    
    
    
  7. }
    8.

随机数时间戳

js 代码:

   
   
   
   
    
    
    
    
    
  1. function uniqueId(){
    2. 
    
    
    
    
  2.     var a=Math.random,b=parseInt;
    3. 
    
    
    
    
  3.     return Number(new Date()).toString()+b(10*a())+b(10*a())+b(10*a());
    4. 
    
    
    
    
  4. }
    5.

全角半角转换

js 代码:

   
   
   
   
    
    
    
    
    
  1. //iCase: 0全到半，1半到全，其他不转化
    2. 
    
    
    
    
  2. function chgCase(sStr,iCase){
    3. 
    
    
    
    
  3.     if(typeof sStr != "string" || sStr.length <= 0 || !(iCase === 0 || iCase == 1)){
    4. 
    
    
    
    
  4.         return sStr;
    5. 
    
    
    
    
  5.     }
    6. 
    
    
    
    
  6.     var i,oRs=[],iCode;
    7. 
    
    
    
    
  7.     if(iCase){/*半->全*/
    8. 
    
    
    
    
  8.         for(i=0; i<sStr.length;i+=1){ 
    9. 
    
    
    
    
  9.             iCode = sStr.charCodeAt(i);
    10. 
    
    
    
    
  10.             if(iCode == 32){
    11. 
    
    
    
    
  11.                 iCode = 12288;                                
    12. 
    
    
    
    
  12.             }else if(iCode < 127){
    13. 
    
    
    
    
  13.                 iCode += 65248;
    14. 
    
    
    
    
  14.             }
    15. 
    
    
    
    
  15.                 oRs.push(String.fromCharCode(iCode)); 
    16. 
    
    
    
    
  16.             }                
    17. 
    
    
    
    
  17.     }else{/*全->半*/
    18. 
    
    
    
    
  18.         for(i=0; i<sStr.length;i+=1){ 
    19. 
    
    
    
    
  19.             iCode = sStr.charCodeAt(i);
    20. 
    
    
    
    
  20.             if(iCode == 12288){
    21. 
    
    
    
    
  21.                 iCode = 32;
    22. 
    
    
    
    
  22.             }else if(iCode > 65280 && iCode < 65375){
    23. 
    
    
    
    
  23.                 iCode -= 65248;                                
    24. 
    
    
    
    
  24.             }
    25. 
    
    
    
    
  25.                 oRs.push(String.fromCharCode(iCode)); 
    26. 
    
    
    
    
  26.          }                
    27. 
    
    
    
    
  27.     }                
    28. 
    
    
    
    
  28.     return oRs.join("");                
    29. 
    
    
    
    
  29. }
    30.

确认是否键盘有效输入值

js 代码:

   
   
   
   
    
    
    
    
    
  1. function checkKey(iKey){
    2. 
    
    
    
    
  2.     if(iKey == 32 || iKey == 229){return true;}/*空格和异常*/
    3. 
    
    
    
    
  3.     if(iKey>47 && iKey < 58){return true;}/*数字*/
    4. 
    
    
    
    
  4.     if(iKey>64 && iKey < 91){return true;}/*字母*/
    5. 
    
    
    
    
  5.     if(iKey>95 && iKey < 108){return true;}/*数字键盘1*/
    6. 
    
    
    
    
  6.     if(iKey>108 && iKey < 112){return true;}/*数字键盘2*/
    7. 
    
    
    
    
  7.     if(iKey>185 && iKey < 193){return true;}/*符号1*/
    8. 
    
    
    
    
  8.     if(iKey>218 && iKey < 223){return true;}/*符号2*/
    9. 
    
    
    
    
  9.     return false;
    10. 
    
    
    
    
  10. }
    11.

获取网页被卷去的位置

js 代码:

   
   
   
   
    
    
    
    
    
  1. function getScrollXY() {
    2. 
    
    
    
    
  2.     return document.body.scrollTop ? {
    3. 
    
    
    
    
  3.         x: document.body.scrollLeft,
    4. 
    
    
    
    
  4.         y: document.body.scrollTop
    5. 
    
    
    
    
  5.     }:
    6.

你可能感兴趣的:(JavaScript)

  • Selenium面试题（二） 知识的宝藏 Selenium（Java）selenium测试工具
    如何在不使用sendKeys()的情况下输入文本可以通过组合使用JavaScript和WebDriver扩展类来实现。以下是一个示例代码：publicstaticvoidsetAttribute(WebElementelement,StringattributeName,Stringvalue){WrapsDriverwrappedElement=(WrapsDriver)element;Java
  • 前端进阶：JavaScript实现优雅遮罩层下的表单验证技巧 VaporGas 前端前端javascripthtmlhtml5ecmascript开发语言
    表单验证的高级特性本次介绍的重点如下：动态改变样式属性className属性的用法遮罩层特效的制作动态输入的提示特性实现当文本框获得焦点时改变背景颜色，失去焦点时恢复白色使用元素的style属性访问样式规则object.style.property;例如:访问字体的颜色color使用obj.style.color访问字体的大小属性使用obj.style.fontSizefont-size变换成fo
  • Java架构师学习路线 网络全息测量 心得体会
    (1)第一步：研究spring,hibernate。通过研究jeecms开源框架。也同时学习css,html,javascript,jquery.以前都学习过，不过没有系统学习过，现在必须系统学习。同时看cms相关的论文。然后，改造jeecms能够改为自己的一个开源框架，以后开发cms系统都用我自己开发的框架，作为第一阶段的成果。(2)第二步：学习开源工作流引擎Activiti5，jbpm4.4以
  • 使用Electron读取本地文件 ch_s_t 前端开发electronjavascript前端
    Electron原来叫AtomShell,可以用Web技术搭建桌面端程序，以Electron为基础，可以用HTML，CSS和javascriptpt实现程序逻辑和用户桌面，Electron程序一般有主进程和渲染进程，主进程是启动程序的Node脚本，提供对原生的node模块访问。渲染进程是由chromium管理的Web界面。以下的内容介绍从零开始搭建一个读取本地文件的Electron项目。一运行简单
  • 一篇文章让你搞懂Reflect和Reflect metadata(JavaScript) 小小西爪 Typescriptjavascript前端开发语言
    一篇文章让你搞懂Reflect和Reflectmetadata(JavaScript)引言Javascript里经常看到Reflect的使用,但一直搞不明白他和Object的区别,加上在工作中也没有经常用到,一直处于懵懵懂懂的状态。所以下定决心,用这篇文章彻彻底底把它搞明白本文主要涵盖以下4个板块:Reflect什么是ReflectAPIs(Reflect与Object的区别)简单的例子:Obje
  • 总结函数相关知识 你会发光哎u JavaScript高级学习javascript前端开发语言
    这里写目录标题1.函数的特性声明调用参数参数默认值返回值属性方法arguments剩余参数（`rest`）作用域原型`this`指向执行过程2.特殊的函数`with`函数`eval`函数apply/call/bind函数纯函数箭头函数立即执行函数`IIFE`高阶函数递归函数组合函数柯里化函数概念优势自动柯里化类和构造函数JavaScript是支持函数式编程的，在JavaScript中函数是一等公民
  • Vue解說 白总Server vue.js前端javascript数据库架构网络协议ssl网络
    Vue.js（通常简称为Vue）是一个开源的JavaScript框架，用于构建用户界面和单页应用程序（SPA）。它由前谷歌工程师尤雨溪（EvanYou）创建，并首次发布于2014年。Vue被设计为易于上手、灵活且高效，它允许开发者通过组件化的方式构建复杂的前端应用。Vue.js的关键特点：渐进式框架：Vue可以从简单的界面元素开始，逐步扩展到复杂的单页应用。响应式数据绑定：Vue使用双向数据绑定，
  • 程式语言区分 白总Server htmlpythonjavac++开发语言
    程序语言有很多种，每种都有其特定的用途和特点。以下是一些广泛使用的编程语言：1.Python：易于学习，广泛用于数据科学、机器学习、网络开发、自动化等领域。2.Java：广泛应用于企业级应用、安卓开发、大型系统开发等。3.C：一种基础语言，广泛用于系统编程、嵌入式开发、操作系统等领域。4.C++：C语言的扩展，支持面向对象编程，用于游戏开发、高性能应用等。5.JavaScript：主要用于网页前端
  • JS手写实现深拷贝 Mzp风可名喜欢 javascript前端
    手写深拷贝一、通过JSON.stringify二、函数库lodash三、递归实现深拷贝基础递归升级版递归---解决环引用爆栈问题最终版递归---解决其余类型拷贝结果一、通过JSON.stringifyJSON.parse(JSON.stringify(obj))是比较常用的深拷贝方法之一原理：利用JSON.stringify将JavaScript对象序列化成为JSON字符串，并将对象里面的内容转换
  • 高频面试题：ReactNative前端面试频率较高的面试题和答案（十六） 夲奋亻Jay 高频面试题react跨端reactnative前端面试
    ReactNative是一个由Facebook开发的框架，它允许使用React来开发原生移动应用。以下是一些在前端面试中可能会问到的关于ReactNative的高频面试题及答案：ReactNative是什么？答案：ReactNative是一个基于React构建的框架，允许使用JavaScript和React的编程方式来开发原生移动应用。ReactNative与React有什么不同？答案：React
  • 前端基础面试题·第三篇——JavaScript（其四） DT—— 前端面试javascript前端开发语言
    highlight:atom-one-dark1.JSON.stringifyJSON.stringify()方法将一个JavaScript值（对象或者数组）转换为一个JSON字符串，如果指定了一个replacer函数，则可以替换值。语法：JSON.stringify(value,replacer,space)参数value：要转换的值。replacer：替换值，可以是一个函数或者数组。（这个参数
  • AJAX实时表单验证系统 三年九班蓝同学
    本文还有配套的精品资源，点击获取简介：在网页开发中，"ajax验证表单"是一项关键任务，确保数据符合格式和规则，提升数据质量和用户体验。本应用通过使用JavaScript和XMLHttpRequest对象实现后台验证，无需页面刷新。它包括前端验证、事件处理、Ajax调用、服务器端处理、响应处理、用户体验和安全性等关键步骤，以jQuery库简化开发流程，创建高效、安全的表单验证系统。1.表单验证的重
  • 「 网络安全常用术语解读 」同源策略SOP详解：没有SOP就没有隐私 全栈安全 安全术语web安全安全术语
    同源策略可保护用户的隐私和数据安全，防止恶意网站通过跨域请求（例如，通过JavaScript）访问或修改其他网站的数据。1.同源策略产生背景当浏览器从一个域发送一个HTTP请求到另一个域时，与另一个域相关的任何cookies，包括身份验证会话cookie，也会作为请求的一部分发送。如果没有同源策略，如果你访问一个恶意网站，该网站将能够读取你的电子邮件、私人消息等。2.同源策略定义同源策略（Same
  • notepad++软件介绍（含安装包） LQS2020 notepad++
    Notepad++是一款开源的文本编辑器，主要用于编程和代码编辑。它是一个功能强大的替代品，常常被用来替代Windows系统自带的记事本。Notepad++win系统免费下载地址以下是Notepad++的一些主要特点和功能：多语言支持：Notepad++支持多种编程语言，包括Python、JavaScript、HTML、CSS、C++、Java等。它能够根据文件类型自动高亮显示语法，使代码更加易读
  • 【LangChain】使用LangChain的提示词模板：技巧与总结 子夜时辰 LangChain的学习langchainjavascriptnode.jsAIGCchatgpt
    作者简介：前端开发爱好者，致力学习前端开发技术⭐️个人主页：夜宵饽饽的主页❔系列专栏：JavaScript小贴士学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气前言：这里是关于LangChain框架中的提示词模板使用的技巧，希望可以帮助到大家，欢迎大家的补充和纠正文章目录一、使用LangChain的提示词模板：技巧与总结1、格式化示例集2、示例选择器来组合提示词模板3、在聊天模型中
  • 转码日记——Javascript笔记（8） zzcoding_ 转码日记数据结构javascript前端开发语言
    数组（Array）数组也是一个对象，和普通对象功能类似。普通对象使用字符串作为属性名，而数组使用数字来作为索引操作。索引：从0开始的整数。数组的存储效率比较高，对属性名没有要求的时候可以使用。基本应用//创建数组对象vararr=newArray();//向数组中添加对象//语法：数组[索引]=值;arr[0]=10;arr[1]=33;//如果读取不存在的索引则返回undefined//获取数组
  • python中selenium中使用ajax_使用selenium和python捕获AJAX响应 weixin_39946534
    我曾经截获了一些使用selenium向页面注入javascript的ajax调用.历史的不好的一面是,硒有时可能是,说“脆弱”.因此,无论如何我在进行注射时都会遇到硒异常.无论如何,我的想法是拦截XHR调用,并将其响应设置为我创建的一个新的dom元素,我可以从selenium操作.在拦截的条件下,你甚至可以使用发出请求的url来拦截你真正想要的那个(self._url)也许这有帮助.browser
  • (代码可运行)Bootstrap框架的HTML示例 程序员大侠 前端CSShtmlbootstrap前端
    Bootstrap：一套流行的前端开发框架，基于HTML、CSS和JavaScript，适用于快速构建响应式Web应用。以下是一个使用Bootstrap构建的简单响应式Web应用的HTML示例：BootstrapExampleHello,Bootstrap!CardtitleSomequickexampletexttobuildonthecardtitleandmakeupthebulkofthe
  • 移动端测试 渔jy Android系统及应用androidlinux
    三种移动端产品类型介绍移动端应用的测试其自身特点，和其他传统测试又有一些独特的测试方法与思路。移动端应用又可以进一步细分为三大类：WebApp指的是移动端的Web浏览器，其实和PC端的Web浏览器没有任何区别，只不过Web浏览器所依附的操作系统不再是Windows和Linux了，而是iOS和Android了。WebApp采用的技术主要是，传统的HTML、JavaScript、CSS等Web技术栈，
  • JavaScript 常用模块化规范 渡鸦七 JavaScriptjavascript开发语言ecmascript
    JavaScript模块化规范1.模块化概述1.1什么时模块化将程序文件依据一定规则拆分成多个文件，这种编码方式就是模块化的编码方式。拆分出来每个文件就是一个模块，模块中的数据都是私有的，模块之间相互隔离。同事也能通过一些手段，可以把模块内的指定数据“交出去”，提供其他模块使用。1.2为什么使用模块化随着应用的复杂度越来越高，其代码量和文件数据都会急剧增加，会逐渐引发一些问题：全局污染问题。依赖混
  • 深入探索从ES6到ES2023 hai40587 es6前端ecmascript
    从ES6到ES2023，我们深入探索ECMAScript（简称ES）的演变与发展，了解这一JavaScript标准背后的技术革新和进步。ECMAScript作为JavaScript的标准化版本，每年都在不断推出新版本，为开发者带来更加丰富和强大的功能。本文将从ES6的引入开始，逐步介绍到最新的ES2023，同时探讨这些新特性对现代Web开发的影响。ECMAScript简介与JavaScript的关
  • 我们在进行前后端联调的时候 如何避免数据丢失 拿不到返回数据 查看不了状态信息等问题？ 朱道阳 底层原理面试八股回归前端npmgitpython
    最近在进行前后端联调开发的全栈开发工作但是这时候会出现很多问题比如说前端拿不到数据获得的状态码可能是正确的传的值却是null我进行了学习总结出一下几点一、数据校验前端程序员必须对后端提供的数据进行严格的数据校验。数据校验的目的是确保接收到的数据符合预期的格式和类型。在JavaScript中，可以使用typeof操作符或Array.isArray()方法进行基本的类型检查。更复杂的数据结构，可以使用
  • WebKit 简介及工作流程深度解析 不知名靓仔 webkitchromesafariedge
    WebKit是一个开源的浏览器引擎，最初由苹果公司为Safari浏览器开发，后来被多个浏览器和应用采纳，如早期的Chrome和众多移动平台上的浏览器。WebKit不仅仅是一个渲染引擎，它集成了HTML、CSS、JavaScript的解析与渲染能力，以及网络资源加载、图形处理、排版布局等功能，为用户提供丰富的网页浏览体验。本文将深入探讨WebKit的核心组件以及其复杂的工作流程。WebKit核心架构
  • JavaScript对象 yeyang111
    1.varfram={framer:'小明',dogs:["小兔","小猫"],field:[2,3,4]}六角学院截图.png2.向对象里边增加varfram={framer1:'小明',dogs:["小兔","小猫"],field:[2,3,4]}fram.framer2='小蕴'可以在控制台发现增加了一个0X7M8BN7.png3.像对象里边增加函数（方法）varfram={framer1:
  • 标题：深入理解 JavaScript 中的定时器 小刘| javascript前端开发语言
    目录一、定时器的基本概念1.setInterval2.setTimeout二、代码示例分析一、定时器的基本概念在JavaScript中，定时器是一种用于在特定时间间隔后执行代码或者重复执行代码的机制。主要包含两种类型的定时器：setInterval和setTimeout。1.setIntervalsetInterval()是一个周期函数，它会在指定的时间间隔后，重复执行指定的函数。例如：vari=
  • js函数eval() 温暖前端 javascript前端开发语言
    1.eval()函数简介eval()是JavaScript中的一个全局函数，它可以将传入的字符串当作JavaScript代码来执行。eval()函数的基本语法如下：eval(string)其中，string是要执行的JavaScript代码字符串。eval()函数会返回最后一个表达式的结果。2.eval()的工作原理当调用eval()函数时，JavaScript解释器会执行以下步骤：a.解析传入的
  • JavaScript之OOP基础概念学习总结一：scopes gaoshu883
    这个系列的文章是去年在搭架完静态博客后撰写的（博客已经不再维护啦，哦还能访问）↓最近在探究JavaScript中的scopes概念。经过一番研究，我觉得要从Interpreter的角度，才能更好地理解这个概念。毕竟程序员主要是编写指令，而Interpreter则是把程序员编写的代码一行一行读下去并翻译出来（执行出来），最终结果就会直接反映在Web浏览器的页面上。不过还要注意的是，并不是所有的sco
  • Puppeteer Heap Snapshot: 探索JavaScript内存世界的利器 金畏战Goddard
    PuppeteerHeapSnapshot:探索JavaScript内存世界的利器puppeteer-heap-snapshotadriancooney/puppeteer-heap-snapshot:puppeteer-heap-snapshot是一个Node.js包，提供了通过Puppeteer获取浏览器内存堆快照的功能，以辅助JavaScript应用的内存泄漏检测和性能优化工作。项目地址:h
  • Puppeteer-Sign：自动化网页签名解决方案 杭臣磊Sibley
    Puppeteer-Sign：自动化网页签名解决方案项目简介是一个基于谷歌的Puppeteer库开发的工具，用于自动化处理网页表单的签名过程。它模拟了真实用户的交互行为，可以用于需要电子签名的各种场景，比如在线合同签署、文档审批等。项目以JavaScript编写，易于集成到Web应用或者CI/CD流程中。技术分析Puppeteer库Puppeteer是由GoogleChrome团队维护的一个Nod
  • 判断PDF与图片是否可以预览 马优晨 判断PDF是否可以预览判断图片是否可以预览PDF是否可以预览图片是否可以预览js判断PDF是否可以预览
    一、判断图片是否可以预览在JavaScript中，可以使用Image对象来判断一个图片URL是否可以访问。如果图片可以被加载，那么load事件会被触发；如果图片无法访问，error事件会被触发。functioncheckImageAccessibility(url,callback){varimg=newImage();img.onload=function(){callback(true);//
  • sql统计相同项个数并按名次显示 朱辉辉33 javaoracle
    现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20
  • Android+Jquery Mobile学习系列-目录 白糖_ JQuery Mobile
    最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。   从现在起，往后一段时间，我打算
  • 如何给线程池命名 daysinsun 线程池
            在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：     public class Named
  • IE 中"HTML Parsing Error:Unable to modify the parent container element before the 周凡杨 html解析errorreadyState
      错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"     现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
  • java上传 g21121 java
    我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。 我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact
  • SpringMVC配置学习 510888780 springmvc
    spring MVC配置详解 现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。 　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
  • spring mvc-jfreeChart 柱图(1) 布衣凌宇 jfreechart
    第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可； 第二步：配置web.xml; web.xml代码如下 <servlet>     <servlet-name>jfreechart</servlet-nam
  • 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
  • java 线程池使用 Runnable&Callable&Future antlove javathreadRunnablecallablefuture
    1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool();   2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin
  • XML语法元素结构的总结 百合不是茶 xml树结构
    1.XML介绍1969年   gml (主要目的是要在不同的机器进行通信的数据规范)1985年   sgml  standard generralized markup language1993年   html(www网)1998年  xml   extensible markup language
  • 改变eclipse编码格式 bijian1013 eclipse编码格式
    1.改变整个工作空间的编码格式         改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。         Eclipse->window->preferences->General->workspace-
  • javascript中return的设计缺陷 bijian1013 JavaScriptAngularJS
    代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l
  • 【持久化框架MyBatis3八】Spring集成MyBatis3 bit1129 Mybatis3
    pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置   <?xml version="1.0" encoding="UTF-8"?> &
  • java web项目启动时自动加载自定义properties文件 bitray javaWeb监听器相对路径
    创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。 类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des
  • 用nginx区分文件大小做出不同响应 ronin47
    昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
  • java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大 bylijinnan java
    package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1
  • 翟鸿燊老师语录 ccii 翟鸿燊
    一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格     就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。     还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
  • [光速与宇宙]进行光速飞行的一些问题 comsci 问题
         在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家     仅仅是猜想。。。未经官方证实      1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
  • oracle undo解析 cwqcwqmax9 oracle
    oracle undo解析2012-09-24 09:02:01     我来说两句       作者：虫师收藏    我要投稿 Undo是干嘛用的？         &nb
  • java中各种集合的详细介绍 dashuaifu java集合
    一，java中各种集合的关系图 Collection       接口的接口     对象的集合  ├ List           子接口   &n
  • 卸载windows服务的方法 dcj3sjt126com windowsservice
    卸载Windows服务的方法 在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
  • Warning: The Copy Bundle Resources build phase contains this target's Info.plist dcj3sjt126com iosxcode
        http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle
  • 2014之C++学习笔记（一） Etwo C++EtwoEtwoiterator迭代器
            已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
  • js跨越获取数据问题记录 haifengwuch jsonpjsonAjax
    js的跨越问题，普通的ajax无法获取服务器返回的值。   第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca
  • 蓝色jQuery导航条 ini JavaScripthtmljqueryWebhtml5
    效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
  • linux部署jdk,tomcat,mysql kerryg jdktomcatlinuxmysql
    1、安装java环境jdk:     一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。    1.1）、卸载：      （rpm -qa :查询已经安装哪些软件包；        rmp -q 软件包：查询指定包是否已
  • DOMContentLoaded VS onload VS onreadystatechange mutongwu jqueryjs
    1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
  • sql批量插入数据 qifeifei 批量插入
    hi，   自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。    WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a
  • log4j打印日志文件 如何实现相对路径到 项目工程下 thinkfreer Weblog4j应用服务器日志
    最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下 需求： 用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
  • linux下mysql-5.6.23.tar.gz安装与配置 笑我痴狂 mysqllinuxunix
    1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他