JS/JSP笔记

1、获取iframe父页面选择菜单的值：$("#id option:selected" , parent.document).val();

2、获取iframe子页面选择菜单的值：获取选择菜单的值：$('#iframeId').contents().find('#id option:selected').val();

　　　　　　　　　　　　　　　　  获取radio的值：$('#iframeId').contents().find('#id input[name="u9"]:checked').val();

　　　　　　　　　　　　　　　　  获取input框的值：$('#iframeId').contents().find('#id').val();

3、设置input类型为radio的选中：$("input[name='u9']").get(0).checked=true;

4、截取jsp页面图片：echarts图表可以直接使用myChart.getDataURL("png")；如需截取整个div生成图片可使用html2canvas.js：canvas.toDataURL()；

5、使用()()；(function test(){})()这个方法能使页面一加载就自动加载js函数。

6、设置IE文档模式为IE8    <meta http-equiv="X-UA-Compatible" content="IE=8">

7、js数组拼接方法：var a = [1,2,3]; var b = [4,5];  var c = a.concat(b); ( [1,2,3,4,5] )

8、<s:if test="Status == 0"> 如果Status是字符串类型，当Status为"0"或者""时，Status == 0这个判断都成立。<s:if test='Status == "0"'>，Status为"0"时成  立，Status为""时不成立。

9、根据value修改select默认选中：$("#id option[value='1']").attr("selected", "selected");

10、ie8直接给<input>标签使用hidden元素无效，应该使用type="hidden"。

11、href="#"与href="javascript:void(0)"的区别：

　　　　# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。

　　　　而javascript:void(0), 仅仅表示一个死链接。该操作符指定要计算一个表达式但是不返回值。

　　　　在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。

　　　　如果你要定义一个死链接请使用 javascript:void(0) 。

12、比较两个日期字符串的大小：　　

　　　　

13、访问url时，后面带的参数中不能出现&否则后台会读取不到&后面的内容。

　　　　列如（例子：http://192.168.2.104:7001/open!show.action?keys= （token=aa&syscode=s1001））

14、el表达式获取list长度：

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

　　　　var menuListSize = ${fn:length(menuList)};

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

　　　　　　<c:forEach items="${dataList}" var="dataList" ></c:forEach>

　　　　　　<c:if test="${dataList.alarmRegion == 1}">  全省  </c:if>　

　　　　　　<c:choose> 

　　　　　　　　<c:when test="${score > 100 || score < 0}">错误的分数：${score }</c:when> 

　　　　　　　　<c:when test="${score >= 90 }">A级</c:when> 

　　　　　　　　<c:otherwise>E级</c:otherwise> 

　　　　　　</c:choose> 

15、获取所有被选中的checkbox的值：

　　　　var ids = "";

　　　　$("input[name='datacfg']").each(function(){

　　　　　　if($(this).attr("checked") !="checked"){

　　　　　　　　ids+=$(this).val()+",";

　　　　　　}

　　　　});

16、只允许输入数字：onkeyup="this.value=this.value.replace(/[^\d]/g,'')"

17、设置延时：setTimeout(function (){XXX},1000)

18、jquery通过id获取class的名字:$("#Id").attr("class");

19、保留两位小数a.toFixed(2)

20、取消滚动条：overflow-x: hidden;

21、鼠标变成小手：cursor:pointer;

22、获取父节点、并给子节点设置数据：$(item).parent().parent().parent().children().eq(0).html($(item).html());

23、el表达式：

　　　　多个值进行比较：${managerRole == 1 && managerConfig == 1}

　　　　获取url带的参数：${param.alarmId}

24、设置表格超出长度以。。。代替：

　　<table class="tb_style" width="70%" border="0" cellspacing="0" cellpadding="0" style="table-layout:fixed;">

　　　　<tr>

　　　　　　<th width="8%" scope="col">名称</th>

　　　　</tr>
　　　　<tr>
　　　　　　<td style="text-overflow:ellipsis;overflow: hidden;white-space:nowrap;" title="${name}">${name}</td>
　　　　</tr>
　　</table>