设为首页 | 加入收藏

网站建设报价咨询,网站建设A套餐 网站建设报价咨询,网站建设B套餐 网站建设报价咨询,网站建设C套餐 网站建设报价咨询
网站设计制作
网络整合营销外包,长沙网站建设
您目前的位置:森达网络 >>网站设计制作
网站设计制作

长沙网站制作公司专业封装js代码

本文来源: javascript封装      本文作者:javascript封装      发布时间:2017-07-15


长沙做网站在开发网站的过程中经常会使用到一些常用的js效果,于是将其类封装起来以便程序员调用,无需重复编写,以下代码仅供参考:
 

一、取URL中的参数

function getParameterByName(name) {
    var match = RegExp(’[?&]’ + name + ’=([^&]*)’)
                    .exec(window.location.search);
    return match && decodeURIComponent(match[1].replace(/\+/g, ’ ’));
}

二、正则分组

ar testStr="<div><img src=’/a.jpg’ alt=’’ /><span>test</span><img src=’/b.jpg’ alt=’’/>
<span>TTest</span><img src=’/c.png’ alt=’’ /></div>";
var reg=/<img\ssrc=’(.*?)’\s+alt=’’\s*\/>/g;
var match=reg.exec(testStr),results=[];
while(match != null){
    results.push(match[1]);
    match=reg.exec(testStr);
}
console.log(results);
/*
Array ["/a.jpg", "/b.jpg", "/c.png"]
*/

三、 jQuery中获取设置checkbox选中状态

由于在jQuery1.6以后.attr("checked")的返回结果是 checked,所以一般用下面两种方法获取选中状态:

$("#checkboxID").is(":checked");

//jQuery 1.6 +
$("#checkboxID").prop("checked");

选中checkbox:

//jQuery 1.6+
$("#checkboxID").prop("checked", true);
$("#checkboxID").prop("checked", false);

//jQuery 1.5 and below
$(’#checkboxID’).attr(’checked’,’checked’)
$(’#checkboxID’).removeAttr(’checked’)
 

四、jQuery中判断一个元素是否存在

if ($(selector).length)

五、用JavaScript对URL进行编码

var myUrl = "/index.html?param=1&anotherParam=2">/index.html?param=1&anotherParam=2";
var myOtherUrl = "/index.html?url=" + encodeURIComponent(myUrl);

六、jQuery中event.preventDefault() 与 return false 的区别

//Demo1 event.preventDefault()
$(’a’).click(function (e) {
    // custom handling here

    e.preventDefault();
});

//Demo2 return false
$(’a’).click(function () {
    // custom handling here

    return false;
};
jQuery中return false相当于同时调用e.preventDefault 和 e.stopPropagation。
要注意的是,在原生js中,return false仅仅相当于调用了e.preventDefault。

七、JavaScript检查一个字符串是否为空最简单的方法


if (strValue) {
    //do something
}

八、用JavaScript添加和删除class

//Add Class
document.getElementById("MyElement").className += " MyClass";

//Remove Class
document.getElementById("MyElement").className = document.getElementById

("MyElement").className.replace(/(?:^|\s)MyClass(?!\S)/,’’);

九、在jQuery中取消一个ajax请求

var xhr = $.ajax({
    type: "POST",
    url: "test.php",
    data: "name=test",
    success: function(msg){
       alert( msg );
    }
});

//取消请求
xhr.abort()

十、JavaScript删除数组中的项 delete vs splice

var myArray=["a","b","c"];
delete myArray[0];
for(var i=0,j=myArray.length;i<j;i++){
    console.log(myArray[i]);
   
}

var myArray2=["a","b","c"];
myArray2.splice(0,1);
for(var i=0,j=myArray2.length;i<j;i++){
    console.log(myArray2[i]);
   
}

十一、JavaScript中16进制与10进制相互转换

var sHex=(255).toString(16);//ff
var iNum=parseInt("ff",16);//255

十二、JavaScript多行字符串

如何在JavaScript中方便地写一个多行字符串呢,有三种方案
//one
var testHtml="a"+
"b"+
"c";

//two
var testHtml2="a\
b\
c";

//three
var testHtml3=["a",
"b",
"c"].join("");

十三、JavaScript中!!操作符是什么


console.log(!!10);//true
console.log(!!0);//false
console.log(!!"abc");//true
console.log(!!"");//false

十四、JavaScript实现endsWith

String.prototype.endsWith = function(suffix) {
    return this.indexOf(suffix, this.length - suffix.length) !== -1;
};
或者
function endsWith(str, suffix) {
    return str.indexOf(suffix, str.length - suffix.length) !== -1;
}
 

十五、JavaScript中克隆对象

function clone(obj) {
    // Handle the 3 simple types, and null or undefined
    if (null == obj || "object" != typeof obj) return obj;

    // Handle Date
    if (obj instanceof Date) {
        var copy = new Date();
        copy.setTime(obj.getTime());
        return copy;
    }
    // Handle Array
    if (obj instanceof Array) {
        var copy = [];
        for (var i = 0, var len = obj.length; i < len; ++i) {
            copy[i] = clone(obj[i]);
        }
        return copy;
    }
    // Handle Object
    if (obj instanceof Object) {
        var copy = {};
        for (var attr in obj) {
            if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]);
        }
        return copy;
    }
    throw new Error("Unable to copy obj! Its type isn’t supported.");
}
 

十六、JavaScript字符与ASCII码间的转换

console.log("\n".charCodeAt(0));//10
console.log(String.fromCharCode(65));//A
本文由长沙专业做网站整理,转载请注明www.sendawangluo.com
 

版权所有:长沙森达网络工作室2011-2016 All Rights Reserved 地址:长沙市岳麓区中电软件园总部大楼 网站备案号:湘ICP备11005944号