可以一些公共导入的js放到一个jsp文件中来,当其它文件要引用这些js时,直接include
这个jsp页面就可以了,省去不少标签。常见的是使用ext,jquery必须要导入的一些js文件,
可以使用这种方式。
引用
jqueryMaster.jsp
<!-- jquery必须引用页 -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<% String root = request.getContextPath(); %>
<script type="text/javascript">
var root = "<%=root%>"; //js中存放当前页面的root路径方便调用
</script>
<script type="text/javascript" src="<%=root%>/Web/common/js/jquery-1.4.4.min.js"></script>
引用
LoginInfoMain.jsp中使用include把js引用进来
<%@ page contentType="text/html; charset=UTF-8" language="java"
import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="/Web/common/page/jqueryMaster.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css"
href="<%=root%>/Web/common/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
href="<%=root%>/Web/common/js/easyui/themes/icon.css">
<script type="text/javascript"
src="<%=root%>/Web/common/js/easyui/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
src="<%=root%>/Web/common/js/easyui/js/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet"
href="<%=root%>/Web/common/css/tooltip-form-style.css"></link>
<script type="text/javascript"
src="<%=root%>/Web/ospm/loginInfo/js/loginInfoMain.js"></script>
<script type="text/javascript">
$(function() {
$(":button").click(function() {//查询按钮绑定单击事件
var fields = $("form").serializeArray();
$.ajax({
type : "POST",
url : "<%=root%>/ospm/loginInfo/doLoginInfoSearch.action",
dataType :'text',
data : fields,
success : function(msg) {
}
});
});
});
</script>
</head>
<body>
<fieldset>
<legend>用户查询</legend>
<form action="">
<label for="username">用戶名</label><input type="text" name="username"
id="username" /> <input type="button" value="查询" title="查询" />
</form>
</fieldset>
<!-- 表格 -->
<table id="loginInfoTable" title="用户信息一览" border="0" cellspacing="0"
cellpadding="0" iconCls="icon-edit" width="100%" nowrap=false
idField="loginId" pagination="true" remoteSort="false"
singleSelect="false" showFooter="false" striped="true" page=1 rows=10
url="<%=root%>/ospm/loginInfo/doLoginInfoSearch.action">
<thead>
<tr align="center">
<th field="ck" width="20" checkbox="true"></th>
<th field="loginCode" width="200">用户名</th>
<th field="statuValue" width="100">状态</th>
<th field="opt" formatter='optFormater' width="150">操作</th>
</tr>
</thead>
</table>
<!-- 添加 -->
<div id="loginInfoAdd" icon="icon-save"
style="padding: 5px; width: 500px; height: 300px;">
<h5 id="loginInfoAdd_message" style="color: red;"></h5>
<div class="ToolTip_Form" id="table_loginInfoAdd"
onkeydown="if(event.keyCode==13){loginInfoAdd();}">
<ul>
<li><label>用户名:</label> <input type="text"
class="easyui-validatebox" id="loginInfoAdd_loginCode"
maxlength="20" required="true"></input>
</li>
<li><label>密码:</label> <input type="password"
class="easyui-validatebox" id="loginInfoAdd_password"
maxlength="20" required="true"></input>
</li>
<li><a href="#" class="easyui-linkbutton" icon="icon-ok"
onclick="loginInfoAdd();">提交</a> <a href="#"
class="easyui-linkbutton" icon="icon-redo"
onclick="loginInfoAddReset();">重置</a>
</li>
</ul>
</div>
</div>
<!-- 编辑 -->
<div id="loginInfoEdit" icon="icon-save"
style="padding: 5px; width: 500px; height: 300px;">
<h5 id="loginInfoEdit_message" style="color: red;"></h5>
<div class="ToolTip_Form" id="table_loginInfoEdit"
onkeydown="if(event.keyCode==13){loginInfoEdit();}">
<input type="hidden" id="loginInfoEdit_loginId"></input>
<ul>
<li><label>用户名:</label> <label id="loginInfoEdit_loginCode"></label>
</li>
<li><label>密码:</label> <input type="password"
class="easyui-validatebox" id="loginInfoEdit_password"
maxlength="20" required="true"></input>
</li>
<li><label>重复密码:</label> <input type="password"
class="easyui-validatebox" id="loginInfoEdit_repassword"
maxlength="20" required="true"></input>
</li>
<li><a href="#" class="easyui-linkbutton" icon="icon-ok"
onclick="loginInfoEdit();">提交</a>
</li>
</ul>
</div>
</div>
</body>
</html>
分享到:
相关推荐
web开发必备:JSP标准标签库JSP的语法介绍及jsp页面导入标签方法.docx
jsp 使用poi导入 excel的例子,参考网址 :https://www.cnblogs.com/bobodeboke/p/4959103.html
JSP数据导入导出EXCEL
jsp中做echarts时导入架包esl.js,esl.js 架包 :ESL是一个浏览器端、符合AMD的标准加载器,适合用于现代Web浏览器端应用的入口与模块管理。
JSP自定义标签JSP自定义标签JSP自定义标签JSP自定义标签JSP自定义标签JSP自定义标签
JSP中导入导出Excel文件.txt
SP中导入导出Excel文件
jsp自定义迭代标签 jsp自定义迭代标签
jsp实现了登录、添加、多条件组合查询和将excel数据导入到数据库中
Jsp中Excel文件的导入JAVA源码
JSP自定义分页标签,mysql数据库,通过导入jar包,使用标签的方式实现分页的功能。
3. 在JSP中启动execl? 4. 两级下拉列表框联动菜单? 5. java中如何把一个目录下的文件移到另一个指定的目录? 6. 制作表格线? 7. jsp如判别一个字符在A到Z之间? 8. 得到一浮点数小数点后4位,如何写以函数截取为两位 ...
JSTL jsp标准标签库 word文档
eclipse写jsp时需要导入的jar包,commons-lang3-3.6.jar,jsptest-jsp21-0.19.jar,jtidy-r938.jar,junit4-4.8.2.jar,log4j-1.2.17.jar
jsp自定义嵌套标签 自定义嵌套标签的定义和使用
jsp中常见的一些标签应用,方便在jsp页面中的逻辑操作。
jsp中include指令静态导入和动态导入的区别详解.docx
jsp导入jstl需要的jar包,jsp导入jstl需要的jar包,jsp导入jstl需要的jar包。
JSP自定义Table标签demo JSP自定义Table标签demo JSP自定义Table标签demo
jsp-config标签使用详解 仅作为参考