1.js退出当前页面,一般常用于做系统登录的退出:
confirm("....."),出现确定,取消弹出框,点击“确定”自动返回true,否则返回false(默认返回到当前页,取消该事件),参数是弹出框自定义的的提示信息
例:
function logout(){
if(confirm("退出登录?")){
window.location = "<%=path%>/logout.action?accountType=Touch";//点击确定,要执行的操作
}
}
2.js给按钮添加回车事件,点回车触发按钮执行动作:F13
例:给BUTTON按钮添加回车事件,执行搜索操作
<input name="button" id="sButton" type="button" class="right_btn07" οnclick="searchAdmin()" />
document.onkeydown = function(e){
if(!e) e = window.event;
if((e.keyCode || e.which) == 13){
document.getElementById("sButton").click();//将回车事件按照属性id添加到指定的按钮上,触发该按钮的click事件依次执行一下的操作,调用searchAdmin()方法
}
}
function searchAdmin(){
var str = document.getElementById("key").value;
window.location="${path}search.action?type=admin&key=" + encodeURI(encodeURI(str));
}
3.JS页面截取字符,限制字符的显示长度,超出长度范围用“...”表示
首先在页面上引入标签库:
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
然后在要显示的地方用c标签判断,fn标签的substring(..,..)截取,第一个参数是要截取的字符的首位置下标,第二个参数是要截取的长度
<a href="<%=path %>/scenic/addOrUpdateAdmin.jsp?type=show&id=${str.id }" >
<c:choose>
<c:when test="${fn:length(str.loginName) > 6}">
<c:out value="${fn:substring(str.loginName,0, 6)}..." />
</c:when>
<c:otherwise>
<c:out value="${str.loginName}" />
</c:otherwise>
</c:choose>
</a>
4.敲回车触发搜索事件,搜索框有光标时,回车搜索,保证搜索的搜索框输入的条件,搜索框没有光标时回车不触发事件
function test(){
e = window.event;
if(e.keyCode ==13){
document.getElementById("sButton").click();
}
}
<input class="input_ser" name="key" type="text" id="key"
value="${key }" οnkeydοwn="test()"/> /**搜索框---输入搜索条件*/
<input name="button" id="sButton" type="button"
class="right_btn07" οnclick="searchDyt()" /> /**限制回车事件触发的条件*/