分享原生JavaScript技巧大收集(21~30)

浏览:828 发布日期:2013年08月12日分类:技术分享关键字: javascript js技巧

.
文章来源:jquery教程 - http://www.jq-school.com/Show.aspx?id=302
.

21、原生javascript中有insertBefore方法,可惜却没有insertAfter方法?用如下函数实现

function insertAfter(newChild,refChild){ 

    var parElem=refChild.parentNode; 

    if(parElem.lastChild==refChild){ 

        refChild.appendChild(newChild); 

    }else{ 

        parElem.insertBefore(newChild,refChild.nextSibling); 

    } 

}

22、原生javascript中兼容浏览器绑定元素事件

function addEventSamp(obj,evt,fn){ 

    if (obj.addEventListener) { 

        obj.addEventListener(evt, fn, false); 

    }else if(obj.attachEvent){ 

        obj.attachEvent('on'+evt,fn); 

    } 

}

23、原生javascript光标停在文字的后面,文本框获得焦点时调用

function focusLast(){ 

    var e = event.srcElement; 

    var r =e.createTextRange(); 

    r.moveStart('character',e.value.length); 

    r.collapse(true); 

    r.select(); 

}

24、原生javascript检验URL链接是否有效

function getUrlState(URL){ 

    var xmlhttp = new ActiveXObject("microsoft.xmlhttp"); 

    xmlhttp.Open("GET",URL, false); 

    try{ 

        xmlhttp.Send(); 

    }catch(e){

    }finally{ 

        var result = xmlhttp.responseText; 

        if(result){ 

            if(xmlhttp.Status==200){ 

                return(true); 

            }else{ 

                return(false); 

            } 

        }else{ 

            return(false); 

        } 

    } 

}

25、原生javascript格式化CSS样式代码

function formatCss(s){//格式化代码

    s = s.replace(/\s*([\{\}\:\;,円])\s*/g, "1ドル");

    s = s.replace(/;\s*;/g, ";"); //清除连续分号

    s = s.replace(/,円[\s\.\#\d]*{/g, "{");

    s = s.replace(/([^\s])\{([^\s])/g, "1ドル {\n\t2ドル");

    s = s.replace(/([^\s])\}([^\n]*)/g, "1ドル\n}\n2ドル");

    s = s.replace(/([^\s]);([^\s\}])/g, "1ドル;\n\t2ドル");

    return s;

}

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.checked = true;

        }

    } else {

        for (var i = 0; i < allbox.length; i++) {

            allbox.checked = false;

        }

    }

}

最佳答案

评论() 相关

后面还有条评论,

您需要登录后才可以评论登录 | 立即注册

koor 10-22
Vue3都使用Proxy了,你更应该了解Proxy
执着〃々 08-02
thinkphp学习交流群
执着〃々 07-28
微信公众平台开发,小程序开发,php程序开发,模板下载,学习资料分...
vogbase 02-09
PHP相关视频教程(从前端到后端到实战30套)免费分享给大家
zhushichuan 01-08
tp5接收数据

收藏

赞

jqueryschool

积分:458 等级:LV2

热点推荐

(追記) (追記ここまで)

最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。