JavaScript快速开发

c标签导入

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

fn函数导入

<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

fn的contains是否包含判断

<c:if test="${fn:contains(userRoleStr,'YZ_HB')==true || fn:contains(userRoleStr,'WBL_WG')==true}" >

 获取根目录缩写

<c:set var="ctx" value="${pageContext.request.contextPath}" />

隐藏与显示

js方式：
document.getElementById(id).style.display = 'none';
document.getElementById(id).style.display = 'block';
JQuery：
$("#heheSpan").css("display","none");
$("#heheSpan").css("display","");
$("#heheSpan").show();
$("#heheSpan").hide();

Ajax调用

方式一：
$.getJSON(url,function(json){   .....    });
方式二：
$.ajax({
　　type: "POST",
　　dataType: "json",
　　url : "${ctx}/event/fe0010!delfile.action",
　　data：{foo:["bar1", "bar2"]},//必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。
　　async: false,//true为异步，false为同步，默认为true
　　cache:false,//默认值: true，dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。
　　success: function(data) {  ......  },
　　error: function(data,e) {  ......  }
});

获取到select的数据展示并将某一项选中

$("#eventRule").empty();//清空下拉框
$("#eventRule").append("<option value=''>无规则</option>");

var arr = "${event.pollutionCauseId}".split(',');
for (kk=0;kk<arr.length ;kk++){ 
　　$("#pollutionCauseIdSelector").find("option[value='"+arr[kk]+"']").attr("selected",true);
}

老项目添加图片后回显图片

var htm = "";
htm += "<ul id='"+id+"' style='width:100;height:110;float:left' path='" + json.imgPath+ "'>";	//float: left
htm += "<li style='width:100px;height:100px;'><img src='"+json.baseRootPath + json.imgPath + "' width='100' /></li>";
htm += '<li style="width:100px;height:10px;"><button type="button" οnclick="delUploadFile(\''+id+'\',\''+json.imgPath+'\')" class="btn-orange">删除</button></li>';
htm += "</ul>";
$('#j_custom_span_img').append(htm)

jQuery删除某元素

$("#" + idName).remove()

jQuery绑定change

$("#wtly").change(function(){   ......   });

循环

for(i=0;i<data.length;i++){
　　var op="<option value='" + data[i].value + "'>" + data[i].label + "</option>";
　　$(op).appendTo(eventRule);
}

$.each( json, function(index, content) {   ......   });

页面分页显示数据编号

<c:forEach var="event" items="${page.result}" varStatus="sta">
　　<td align="center">${page.pageSize*(page.pageNo-1)+sta.index+1 }</td>
</c:forEach>

js时间戳转化

　　　　　/**              
	 * js时间戳转化
	 * @param <string> date    时间戳(毫秒)              
	 * @param <string> format  格式(yyyy-MM-dd HH:mm:ss)              
	 */
	function formatDate(date, format) {
		if (!date || date == "" || date == undefined) {
			return "--";
		} else {
		    if (!format) format = "yyyy-MM-dd HH:mm:ss";
		    date = new Date(parseInt(date));
		    var dict = {
		        "yyyy": date.getFullYear(),
		        "M": date.getMonth() + 1,
		        "d": date.getDate(), 
		        "H": date.getHours(),
		        "m": date.getMinutes(),
		        "s": date.getSeconds(),
		        "S": ("" + (date.getMilliseconds() + 1000)).substr(1),
		        "MM": ("" + (date.getMonth() + 101)).substr(1),
		        "dd": ("" + (date.getDate() + 100)).substr(1),
		        "HH": ("" + (date.getHours() + 100)).substr(1),
		        "mm": ("" + (date.getMinutes() + 100)).substr(1),
		        "ss": ("" + (date.getSeconds() + 100)).substr(1)
		    };
		    return format.replace(/(y+|M+|d+|H+|s+|m+|S)/g,
		    function(a) {
		        return dict[a]
		    })
		}
	};

提交请求前多选框数据处理

　　　　　　　　　　var oid_array=new Array();  
		$('input[name="warn"]:checked').each(function(){  
		    oid_array.push($(this).val());//向数组中添加元素  
		});  
		var oidstr=oid_array.join(',');//将数组元素连接起来以构建一个字符串

　　登录输入框绑定回车键

$("#password").keypress(function(event){
    			if(event.keyCode == 13 ){
    				$("form").submit();
    			}
    		});
    		$("#username").keypress(function(event){
    			if(event.keyCode == 13 ){
    				$("#password").focus();
    			}
    		});

　　

　　

转载于:https://www.cnblogs.com/yanghao2019/p/11049415.html