JavaScript 常用方法总结

原创花落如海随笔个人心得 2163阅读 2017-07-13 11:38:15

1.手机类型判断
javascript 代码

2.返回字符串长度，汉子计数为2

javascript 代码

3.获取url中的参数

javascript 代码

4.js 绑定事件适用于任何浏览器的元素绑定

javascript 代码

5.获得当前浏览器JS的版本

javascript 代码

function getjsversion(){
var n = navigator;
var u = n.userAgent;
var apn = n.appName;
var v = n.appVersion;
var ie = v.indexOf('MSIE ');
if (ie > 0){
  apv = parseInt(i = v.substring(ie + 5));
  if (apv > 3) {
      apv = parseFloat(i);
  }
} else {
  apv = parseFloat(v);
}
var isie = (apn == 'Microsoft Internet Explorer');
var ismac = (u.indexOf('Mac') >= 0);
var javascriptVersion = "1.0";
if (String && String.prototype) {
  javascriptVersion = '1.1';
  if (javascriptVersion.match) {
      javascriptVersion = '1.2';
      var tm = new Date;
      if (tm.setUTCDate) {
          javascriptVersion = '1.3';
          if (isie && ismac && apv >= 5) javascriptVersion = '1.4';
          var pn = 0;
          if (pn.toPrecision) {
              javascriptVersion = '1.5';
              a = new Array;
              if (a.forEach) {
                  javascriptVersion = '1.6';
                  i = 0;
                  o = new Object;
                  tcf = new Function('o', 'var e,i=0;try{i=new Iterator(o)}catch(e){}return i');
                  i = tcf(o);
                  if (i && i.next) {
                      javascriptVersion = '1.7';
                  }
              }
          }
      }
  }
}
return javascriptVersion;
}

6.获取当前点击事件的Object对象

javascript 代码

　

7.字符串截取方法
javascript 代码

8.JS 弹出新窗口全屏

javascript 代码

全选/全不选

javascript 代码

10.js 判断浏览器

javascript 代码

11.判断浏览器

javascript 代码

12.JS判断两个日期大小适合 2012-09-09 与2012-9-9 两种格式的对比

javascript 代码

13.移除事件

javascript 代码

14.回车提交

javascript 代码

15.JS 执行计时器

javascript 代码

16.JS 写Cookie

javascript 代码

17.JS 读Cookie

javascript 代码

18.Ajax 请求

javascript 代码

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 用法

javascript 代码

20.JS 加载到顶部LoadJS

javascript 代码

function loadJS (url, fn) {
   var ss = document.getElementsByName('script'),
       loaded = false;
   for (var i = 0, len = ss.length; i < len; i++) {
       if (ss[i].src && ss[i].getAttribute('src') == url) {
           loaded = true;
           break;
       }
   }
   if (loaded) {
       if (fn && typeof fn != 'undefined' && fn instanceof Function) fn();
       return false;
   }
   var s = document.createElement('script'),
       b = false;
   s.setAttribute('type', 'text/javascript');
   s.setAttribute('src', url);
   s.onload = s.onreadystatechange = function () {
       if (!b && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
           b = true;
           if (fn && typeof fn != 'undefined' && fn instanceof Function) fn();
       }
   };
   document.getElementsByTagName('head')[0].appendChild(s);
},
bind: function (objId, eventType, callBack) {  //适用于任何浏览器的绑定
   var obj = document.getElementById(objId);
   if (obj.addEventListener) {
       obj.addEventListener(eventType, callBack, false);
   }
   else if (window.attachEvent) {
       obj.attachEvent('on' + eventType, callBack);
   }
   else {
       obj['on' + eventType] = callBack;
   }
}

function JSLoad (args) {
   s = document.createElement("script");
   s.setAttribute("type", "text/javascript");
   s.setAttribute("src", args.url);
   s.onload = s.onreadystatechange = function () {
       if (!s.readyState || s.readyState == "loaded" || s.readyState == "complete") {
           if (typeof args.callback == "function") args.callback(this, args);
           s.onload = s.onreadystatechange = null;
           try {
               s.parentNode && s.parentNode.removeChild(s);
           } catch (e) { }
       }
   };
   document.getElementsByTagName("head")[0].appendChild(s);
}

21.清空 LoadJS 加载到顶部的js引用

javascript 代码

22.JS 替换非法字符主要用在密码验证上出现的特殊字符

javascript 代码

23.按Ctrl + Entert 直接提交表单

javascript 代码

24.获取当前时间

javascript 代码

Js 去掉空格方法

javascript 代码

26.js 动态移除 head 里的 js 引用

javascript 代码

27.整个UL 点击事件加在UL里的onclick里

javascript 代码

判断浏览器使用的是哪个 JS 版本

javascript 代码

评论 ( 3 )

最新评论

bingxuelover

bingxuelover 2017-07-19 08:47:09 3F

这种总结方法很好啊，我也要汇总一下我的js代码了

(0) 回复举报

王二娃子

王二娃子 2017-07-17 11:58:59 2F

666

(0) 回复举报

15155102848

15155102848 2017-07-14 17:16:30 1F

给你一个82分，剩下的让楼上的给你

(0) 回复举报

更多

二维码
- 本页地址
- 微博
扫一扫，手机上览此页。

扫一扫，手机浏览前端网（QDFuns）新浪微博，也可直接点击这里网页访问，当然更希望您能关注我们，第一时间了解最新活动和动态。
建议反馈
返回顶部