AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > PHP编程

100个不能错过的实用JS自定义函数

51自学网 2016-09-19 http://www.wanshiok.com

26、原生JavaScript压缩CSS样式代码

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

27、原生JavaScript获取当前路径

var currentPageUrl = "";
if (typeof this.href === "undefined") {
    currentPageUrl = document.location.toString().toLowerCase();
}
else {
    currentPageUrl = this.href.toString().toLowerCase();
}

28、原生JavaScriptIP转成整型

function _ip2int(ip){
    var num = 0;
    ip = ip.split(".");
    num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]);
    num = num >>> 0;
    return num;
}

29、原生JavaScript整型解析为IP地址

function _int2iP(num){
    var str;
    var tt = new Array();
    tt[0] = (num >>> 24) >>> 0;
    tt[1] = ((num << 8) >>> 24) >>> 0;
    tt[2] = (num << 16) >>> 24;
    tt[3] = (num << 24) >>> 24;
    str = String(tt[0]) + "." + String(tt[1]) + "." + String(tt[2]) + "." + String(tt[3]);
    return str;
}

30、原生JavaScript实现checkbox全选与全不选

function checkAll() {
  var selectall = document.getElementById("selectall");
  var allbox = document.getElementsByName("allbox");
  if (selectall.checked) {
    for (var i = 0; i < allbox.length; i++) {
      allbox[i].checked = true;
    }
  } else {
    for (var i = 0; i < allbox.length; i++) {
      allbox[i].checked = false;
    }
  }
}

注:移动篇 (31~40)
31、原生JavaScript判断是否移动设备


function isMobile(){
  if (typeof this._isMobile === 'boolean'){
    return this._isMobile;
  }
  var screenWidth = this.getScreenWidth();
  var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
  var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");
  if(!fixViewPortsExperiment){
    if(!this.isAppleMobileDevice()){
      screenWidth = screenWidth/window.devicePixelRatio;
    }
  }
  var isMobileScreenSize = screenWidth < 600;
  var isMobileUserAgent = false;
  this._isMobile = isMobileScreenSize && this.isTouchScreen();
  return this._isMobile;
}

32、原生JavaScript判断是否移动设备访问

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

33、原生JavaScript判断是否苹果移动设备访问

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

34、原生JavaScript判断是否安卓移动设备访问

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

35、原生JavaScript判断是否Touch屏幕

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

36、原生JavaScript判断是否在安卓上的谷歌浏览器

function isNewChromeOnAndroid(){
  if(this.isAndroidMobileDevice()){
    var userAgent = navigator.userAgent.toLowerCase();
    if((/chrome/i.test(userAgent))){
      var parts = userAgent.split('chrome/');

      var fullVersionString = parts[1].split(" ")[0];
      var versionString = fullVersionString.split('.')[0];
      var version = parseInt(versionString);

      if(version >= 27){
        return true;
      }
    }
  }
  return false;
}


37、原生JavaScript判断是否打开视窗

function isViewportOpen() {
  return !!document.getElementById('wixMobileViewport');
}

38、原生JavaScript获取移动设备初始化大小

function getInitZoom(){
  if(!this._initZoom){
    var screenWidth = Math.min(screen.height, screen.width);
    if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
      screenWidth = screenWidth/window.devicePixelRatio;
    }
    this._initZoom = screenWidth /document.body.offsetWidth;
  }
  return this._initZoom;
}

39、原生JavaScript获取移动设备最大化大小

function getZoom(){
  var screenWidth = (Math.abs(window.orientation) === 90) ? Math.max(screen.height, screen.width) : Math.min(screen.height, screen.width);
  if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
    screenWidth = screenWidth/window.devicePixelRatio;
  }
  var FixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
  var FixViewPortsExperimentRunning = FixViewPortsExperiment && (FixViewPortsExperiment === "New" || FixViewPortsExperiment === "new");
  if(FixViewPortsExperimentRunning){
    return screenWidth / window.innerWidth;
  }else{
    return screenWidth / document.body.offsetWidth;
  }
}

40、原生JavaScript获取移动设备屏幕宽度

function getScreenWidth(){
  var smallerSide = Math.min(screen.width, screen.height);
  var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
  var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");
  if(fixViewPortsExperiment){
    if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){
      smallerSide = smallerSide/window.devicePixelRatio;
    }
  }
  return smallerSide;
}

41、原生JavaScript完美判断是否为网址

function IsURL(strUrl) {
    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
    if (regular.test(strUrl)) {
        return true;
    }
    else {
        return false;
    }
}

42、原生JavaScript根据样式名称检索元素对象

function getElementsByClassName(name) {
    var tags = document.getElementsByTagName('*') || document.all;
    var els = [];
    for (var i = 0; i < tags.length; i++) {
        if (tags[i].className) {
            var cs = tags[i].className.split(' ');
            for (var j = 0; j < cs.length; j++) {
                if (name == cs[j]) {
                    els.push(tags[i]);
                    break
                }
            }
        }
    }
    return els
}

43、原生JavaScript判断是否以某个字符串开头

String.prototype.startWith = function (s) {
    return this.indexOf(s) == 0
}

44、原生JavaScript判断是否以某个字符串结束

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

45、原生JavaScript返回IE浏览器的版本号

function getIE(){
    if (window.ActiveXObject){
        var v = navigator.userAgent.match(/MSIE ([^;]+)/)[1];
        return parseFloat(v.substring(0, v.indexOf(".")))
    }
    return false
}

46、原生JavaScript获取页面高度

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

47、原生JavaScript获取页面scrollLeft

function getPageScrollLeft(){
  var a = document;
  return a.documentElement.scrollLeft || a.body.scrollLeft;
}

48、原生JavaScript获取页面可视宽度

function getPageViewWidth(){
  var d = document, a = d.compatMode == "BackCompat"
      ? d.body
      : d.documentElement;
  return a.clientWidth;
}

49、原生JavaScript获取页面宽度

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

50、原生JavaScript获取页面scrollTop

function getPageScrollTop(){
  var a = document;
  return a.documentElement.scrollTop || a.body.scrollTop;
}


说明
:本教程来源互联网或网友上传或出版商,仅为学习研究或媒体推广,wanshiok.com不保证资料的完整性。
 
上一篇:js获得网页背景色和字体色的方法  下一篇:jQuery DOM操作实例