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 });
        */
    }

    待补充...

    欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。如果感觉对您有用,请点击推荐。您的支持,是我的动力!
  • 相关阅读:
    环境变量
    Python的简介和入门程序
    Mybatis的分页插件PageHelper的使用
    SQLyog 快捷键总结
    如何查看开发项目框架的版本信息
    Linux find命令示例 30
    转:数据库索引原理------MemCached
    array_merge 和 + 的区别
    [介绍]PHP设计模式:DAO(数据访问对象模式)
    PHP业务逻辑层和数据访问层设计
  • 原文地址:https://www.cnblogs.com/ICE_Inspire/p/4986539.html
Copyright © 2011-2022 走看看