js和jquery常用方法

1.0 编码 Encode,Decode

 function htmlEncode(value) {
   return $('<div>').text(value).html();
 }
 function htmlDecode(value) {
   return $('<div>').html(value).text();
 }

js版本的写法: 

function HTMLEncode(html) {
    var temp = document.createElement("div");
    (temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html);
    var output = temp.innerHTML;
    return output;
}

function HTMLDecode(text) {
    var temp = document.createElement("div");
    temp.innerHTML = text;
    var output = temp.innerText || temp.textContent;
    return output;
}

 2.0 操作前的确认

<a onclick="return confirm('确定删除吗?');"  href="/delete/id">删除</a>
$(function () {
    $("a:contains('删除')").click(function () {
        return confirm("真的要删除吗?");
    });
});

  

3.0 得到url参数

function getQueryString(name) { 
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
    var r = window.location.search.substr(1).match(reg); 
    if (r != null) return unescape(r[2]); return null; 
} 

4.0 绑定按键事件

//#strKeyInput 文本框id  keypress 事件名字,不用改
//searchByKey() 触发的事件
$('#strKeyInput').bind('keypress', function (event) {
    if (event.keyCode == "13") searchByKey();
});

5.0 前端防止重复提交

$("#btnSubmit").attr('disabled', true);

服务器端需要做进一步验证,防止重复的数据提交.

6.0 刷新当前页面

window.location = location.href; //建议用这种
location.reload(location.href);//刷新 相当于F5

7.0 返回上一个页面

window.history.back();

8.0 string.format

String.prototype.format = function (args) {
    var result = this;
    if (arguments.length > 0) {
        var reg;
        if (arguments.length == 1 && typeof (args) == "object") {
            for (var key in args) {
                if (args[key] != undefined) {
                    reg = new RegExp("({" + key + "})", "g");
                    result = result.replace(reg, args[key]);
                }
            }
        }
        else {
            for (var i = 0; i < arguments.length; i++) {
                if (arguments[i] != undefined) {
                    reg = new RegExp("({)" + i + "(})", "g");
                    result = result.replace(reg, arguments[i]);
                }
            }
        }
    }
    return result;
    /*  用法举例
    var template1 = "我是{0},今年{1}了";
    var template2 = "我是{name},今年{age}了";
    var result1 = template1.format("loogn", 22);
    var result2 = template2.format({ name: "loogn", age: 22 });
    */
}

待补充...

欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。如果感觉对您有用,请点击推荐。您的支持,是我的动力!
原文地址:https://www.cnblogs.com/ICE_Inspire/p/4986539.html