zoukankan      html  css  js  c++  java
  • 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 });
        */
    }

    待补充...

    欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。如果感觉对您有用,请点击推荐。您的支持,是我的动力!
  • 相关阅读:
    164 Maximum Gap 最大间距
    162 Find Peak Element 寻找峰值
    160 Intersection of Two Linked Lists 相交链表
    155 Min Stack 最小栈
    154 Find Minimum in Rotated Sorted Array II
    153 Find Minimum in Rotated Sorted Array 旋转数组的最小值
    152 Maximum Product Subarray 乘积最大子序列
    151 Reverse Words in a String 翻转字符串里的单词
    bzoj3994: [SDOI2015]约数个数和
    bzoj 4590: [Shoi2015]自动刷题机
  • 原文地址:https://www.cnblogs.com/ICE_Inspire/p/4986539.html
Copyright © 2011-2022 走看看