常用的JS JSTL

短命女 2022-05-12 04:34 130阅读 0赞

**\#JS 里面的中文编码**

var kerwordsCode = encodeURI( kerwords );             //进行转码 JS 端
    
    String keyword = URLDecoder.decode( keyword ,"utf-8");  //Java后台进行解码

**\#JS input选择器**

$("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素
    $("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素

**\#全局CSS替换 Jquery**

$(".values").css("color","green");
    
    //先删除，后添加。或者先添加后删除均可
    
    $(".aaa").addClass("bbb").removeClass("aaa");
    
    $(".aaa").removeClass("aaa").addClass("bbb");

**/\*\*\*\*\* 格式化整个Form,转换成JSON格式 \*\*\*\*\*/**

function getJsonForm( formId ){
        if( varIsNUll( formId ) ){
            formId = "defaultFormId" ;
        }
        console.log($('#' + formId ).serializeJSON());
        console.log(JSON.stringify($('#' + formId ).serializeJSON()));
        return JSON.stringify($('#' + formId ).serializeJSON());
    }

**/\*\*\*\*\* 判断对象是否为空 \*\*\*\*\*/**

function varIsNUll( reValue ){
        if (typeof(reValue) == "undefined" || reValue== null || reValue.length == 0 ) {
            return true ;
        }else{
            return false ;
        }
    }

**格式化JSON字符串 to JSON**

var data = '{"status":"0","id":"14","filePath":"http://zcsjw-com.oss-cn-qingdao.aliyuncs.com/photo/common/supplier/pic/140199734915.png"}' ;
    var json =  JSON.parse(data);
    console.log( json.filePath);

**JS只取Double的两位小数**

(sum / dayCount).toFixed(2)

**限制只能保留两位小数点**

<input type="text" onkeyup="num(this)" size="10"/>元
    <input type="text" onkeyup='this.value=this.value.replace(/\D/gi,"")'/>
    
    function num(obj){
        obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
        obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字
        obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个, 清除多余的
        obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
        obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
    }

**限制只能输入数字**

<input type="text" onkeyup='this.value=this.value.replace(/\D/gi,"")'/>
    
    //公共日志组件
    log = function (s) {
        try {
            console.log(s);
        } catch (e) {}
    }

**去掉A链接下划线样式**：

a{text-decoration:none}
    
    以及不可点击
    <a title="编辑"  href ="javascript:return false;" onclick="return false;" style="cursor: default;">

**JSTL判断是否是最后一个元素 **

<c:forEach items="${pointSection}" var="chl" varStatus="stat">
            <c:if test="${!stat.last}" >
             <div class="item" id="_MYJD_repair" style="border-bottom-style: dotted;border-bottom-width: 1px;border-bottom-color: olive">
              <a href="pointProductController.html?flag=flagPProductsection${chl.pointseId}" class="zltda">${chl.section}</a>
             </div>
           </c:if>
            <c:if test="${stat.last}">
             <div class="item" id="_MYJD_repair">
              <a href="pointProductController.html?flag=flagPProductsection${chl.pointseId}" class="zltda">${chl.section}</a>
             </div>
            </c:if>
    </c:forEach>

**判断属性否为空**

<c:if test="${empty var1}">
        var1 is empty or null.
    </c:if>
    <c:if test="${not empty var1}">
        var1 is NOT empty or null.
    </c:if>

** 指定select ID,某个值选中**

/****
     * 指定select ID,某个值选中
     * @param selectId
     * @param checkValue
     */
    function set_select_checked(selectId, checkValue){
        var select = document.getElementById(selectId);
        for (var i = 0; i < select.options.length; i++){
            if (select.options[i].value == checkValue){
                select.options[i].selected = true;
                break;
            }
        }
    }

**console.info兼容IE**

/****
     * 打印日志，但是需要兼容IE,否则IE又执行不了
     * @param msg
     */
    function consoleLog(msg){
        if (window["console"]){//判断是否是IE
            console.log(msg);
        }
    }

var a = $("input[name='radio']:checked").val();

**Jquery Ajax**

$.ajax({
        url:"http://www.microsoft.com", //请求的url地址
        dataType:"json", //返回格式为json
        async:true,//请求是否异步，默认为异步，这也是ajax重要特性
        data:{"id":"value"}, //参数值
        type:"GET", //请求方式
        beforeSend:function(){
            //请求前的处理
        },
        success:function(req){
            //请求成功时处理
        },
        complete:function(){
            //请求完成的处理
        },
        error:function(){
            //请求出错处理
        }
    });

**jquery获取多个input元素属性值**

var name = $(this).attr("name");    //获取name值
    var val = $(this).val();            //获取value值

**jquery属性操作**

//两种方法设置disabled属性
    $('#areaSelect').attr("disabled",true);
    $('#areaSelect').attr("disabled","disabled");
    
    //三种方法移除disabled属性
    $('#areaSelect').attr("disabled",false);
    $('#areaSelect').removeAttr("disabled");
    $('#areaSelect').attr("disabled","");

**js获取自定义的option属性**

var url = $(sobj).find("option:selected").attr("type");
    //获取select的option中的自定义属性url

**JS对GET请求的URL中文编码**