jsp中href="#"与javascript:void(0)的区别

下列代码中点击功能模块跳转不了,请考虑使用超链接href生成:“<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="javax.servlet.http.HttpServletRequest"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>系统导航菜单</title> <!-- 引入EasyUI资源 --> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/icon.css"> <script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.easyui.min.js"></script> <style> .menu-container { padding: 5px; } .menu-title { font-weight: bold; color: #2c3e50; padding: 8px 5px; border-bottom: 1px dashed #eee; } .menu-item { margin: 3px 0; } .menu-item a { display: block; padding: 8px 5px 8px 25px; text-decoration: none; color: #34495e; transition: all 0.3s; } .menu-item a:hover { background-color: #ecf0f1; color: #3498db; } .menu-section { margin-bottom: 15px; } </style> </head> <body> <div class="easyui-accordion" data-options="fit:true,border:false"> <!-- 商品管理模块 --> <div title="商品管理" data-options="iconCls:&#39;icon-product&#39;" style="overflow:auto;"> <div class="menu-container"> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;商品列表&#39;,&#39;../proinfomgmt/ProInfolist.jsp&#39;)"> <span class="icon icon-list" style="display:inline-block;width:16px;"></span> 商品基本信息列表 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;商品查询&#39;,&#39;../proinfomgmt/QueryProInfoSelectVal.jsp&#39;)"> <span class="icon icon-search" style="display:inline-block;width:16px;"></span> 商品列表查询 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;商品查询&#39;,&#39;../proinfomgmt/QueryProInfo.jsp&#39;)"> <span class="icon icon-filter" style="display:inline-block;width:16px;"></span> 查询商品基本信息 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;多条件查询&#39;,&#39;../proinfomgmt/QueryProInfoMultConds.jsp&#39;)"> <span class="icon icon-advanced-search" style="display:inline-block;width:16px;"></span> 多条件查询商品 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;添加商品&#39;,&#39;../proinfomgmt/AddProInfo.jsp&#39;)"> <span class="icon icon-add" style="display:inline-block;width:16px;"></span> 添加商品基本信息 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;商品维护&#39;,&#39;../proinfomgmt/ProInfolistforModi.jsp&#39;)"> <span class="icon icon-edit" style="display:inline-block;width:16px;"></span> 修改或删除商品 </a> </div> </div> </div> <!-- 库存管理模块 --> <div title="库存管理" data-options="iconCls:&#39;icon-inventory&#39;" style="overflow:auto;"> <div class="menu-container"> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;库存列表&#39;,&#39;../invinfomgmt/Invinfolist.jsp&#39;)"> <span class="icon icon-list" style="display:inline-block;width:16px;"></span> 库存信息列表 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;库存查询&#39;,&#39;../invinfomgmt/QueryInvInfoMultConds.jsp&#39;)"> <span class="icon icon-search" style="display:inline-block;width:16px;"></span> 多条件查询库存 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;库存查询&#39;,&#39;../invinfomgmt/QueryInvInfoSelectVal.jsp&#39;)"> <span class="icon icon-filter" style="display:inline-block;width:16px;"></span> 库存列表查询 </a> </div> </div> </div> <!-- 入库管理模块 --> <div title="入库管理" data-options="iconCls:&#39;icon-inbound&#39;" style="overflow:auto;"> <div class="menu-container"> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;添加入库&#39;,&#39;../Inbinfomgmt/AddInbInfo.jsp&#39;)"> <span class="icon icon-add" style="display:inline-block;width:16px;"></span> 添加入库信息 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;入库维护&#39;,&#39;../Inbinfomgmt/InbInfolistforModi.jsp&#39;)"> <span class="icon icon-edit" style="display:inline-block;width:16px;"></span> 修改或删除入库 </a> </div> </div> </div> <!-- 出库管理模块 --> <div title="出库管理" data-options="iconCls:&#39;icon-outbound&#39;" style="overflow:auto;"> <div class="menu-container"> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;添加出库&#39;,&#39;../Outinfomgmt/AddOutInfo.jsp&#39;)"> <span class="icon icon-add" style="display:inline-block;width:16px;"></span> 添加出库信息 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;出库维护&#39;,&#39;../Outinfomgmt/OutInfolistforModi.jsp&#39;)"> <span class="icon icon-edit" style="display:inline-block;width:16px;"></span> 修改或删除出库 </a> </div> </div> </div> <!-- 用户管理模块(带权限控制) --> <% String operator_id = (String) request.getSession().getAttribute("user"); if ("U202340848".equals(operator_id)) { %> <div title="系统管理" data-options="iconCls:&#39;icon-system&#39;" style="overflow:auto;"> <div class="menu-container"> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;员工密码重置&#39;,&#39;../userinfomgmt/UserInfolistforModi_1.jsp&#39;)"> <span class="icon icon-lock" style="display:inline-block;width:16px;"></span> 员工重置密码 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;添加员工&#39;,&#39;../userinfomgmt/AddUserInfo.jsp&#39;)"> <span class="icon icon-user-add" style="display:inline-block;width:16px;"></span> 管理员添加员工 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;员工列表&#39;,&#39;../userinfomgmt/UserInfolist_1.jsp&#39;)"> <span class="icon icon-user-list" style="display:inline-block;width:16px;"></span> 管理员查看员工 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;员工维护&#39;,&#39;../userinfomgmt/UserInfolistforModi.jsp&#39;)"> <span class="icon icon-user-edit" style="display:inline-block;width:16px;"></span> 员工信息维护 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;员工查询&#39;,&#39;../userinfomgmt/QueryUserInfoSelectVal.jsp&#39;)"> <span class="icon icon-search" style="display:inline-block;width:16px;"></span> 查询员工信息 </a> </div> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;精准查询&#39;,&#39;../userinfomgmt/QueryUserInfo.jsp&#39;)"> <span class="icon icon-filter" style="display:inline-block;width:16px;"></span> 精准查询员工 </a> </div> </div> </div> <% } else { %> <div title="个人设置" data-options="iconCls:&#39;icon-user&#39;" style="overflow:auto;"> <div class="menu-container"> <div class="menu-item"> <a href="javascript:void(0)" onclick="addTab(&#39;密码重置&#39;,&#39;../userinfomgmt/UserInfolistforModi_1.jsp&#39;)"> <span class="icon icon-lock" style="display:inline-block;width:16px;"></span> 重置我的密码 </a> </div> </div> </div> <% } %> </div> <script> // 添加选项卡函数 function addTab(title, url){ if ($(&#39;#mainTabs&#39;).tabs(&#39;exists&#39;, title)){ $(&#39;#mainTabs&#39;).tabs(&#39;select&#39;, title); } else { $(&#39;#mainTabs&#39;).tabs(&#39;add&#39;,{ title: title, href: url, closable: true, bodyCls: &#39;tab-content&#39; }); } } // 初始化手风琴菜单 $(function(){ $(&#39;.easyui-accordion&#39;).accordion(); }); </script> </body> </html> ”
07-06
必须在jsp中使用 $.ajax({ url: &#39;/your/url&#39;, type: &#39;POST&#39;, contentType: &#39;application/json&#39;, // 必须设置 data: JSON.stringify({ guid: &#39;your-guid-value&#39; }), // ... }); 吗 像 $(document).on("click",".btn_verifyxx",function(){ // var table = $(&#39;#mydatatables&#39;).DataTable(); // var rowData = table.row($(this).closest(&#39;tr&#39;)).data(); // var shzt = $(this).closest(&#39;tr&#39;).find(&#39;[name="guid"]&#39;).attr("shzt"); var shzt = $(this).attr("shzt"); var guid = $(this).attr("guid"); var procinstid = $(this).attr("procinstid"); var lcid=""; var saasdm = "${saasdm}"; <%--select_commonWin("${ctx}/wsbx/gwjdfbx/gwjdfbxsq/pageSkip?pageName=gwjdmx_view&zbid="+guid+"&action=sh&link=sh&procinstid="+procinstid+"&lcid="+lcid+"&operate=CK","审核","1200","800");--%> var ywlx = &#39;CW_GWJDFBXZB&#39; var messageType = &#39;invoiceOfficialReception&#39; var djbh = $(this).attr("DJBH"); var mkmc = &#39;公务接待申请&#39; var mkbh = &#39;xz0314&#39; var xmguid = $(this).attr("xmguid"); var iframe = getTopFrame().document.getElementById(&#39;iframe_xz0314&#39;); if (iframe) { alert(&#39;iframe分支&#39;) iframe.contentWindow.postMessage({type: &#39;invoiceOfficialReception&#39;,operateType: &#39;S&#39;,zbid:guid,ssoXmid: xmguid,djbh: djbh,processkey:procinstid}, &#39;*&#39;); }else{ alert(&#39;!iframe分支&#39;) getTopFrame().openRightWin("${ctx}/view/index?operateType=S&zbid="+guid+"&processkey="+procinstid+"&ssoXmid="+xmguid+"&djbh="+djbh, &#39;xz0314&#39;, &#39;公务接待申请&#39;); } }); 这样给 {"data": "A.GUID",&#39;render&#39;:function(data, type, full, meta){ var link = ""; var shzt = full.SHZTDM; if(shzt == "0"){ link = &#39;<a href="javascript:void(0);" class="btn btn-link btn_view" guid = "&#39;+full.GUID+&#39;"> 查看 |</a>&#39; + &#39;<a href="javascript:void(0);" class="btn btn-link btn_verifyxx" guid = "&#39;+full.GUID+&#39;" procinstid="&#39;+full.PROCINSTID+&#39;"> 审核 |</a>&#39; + &#39;<a href="javascript:void(0);" class="btn btn-link btn_record" guid = "&#39;+full.GUID+&#39;" procinstid="&#39;+full.PROCINSTID+&#39;"> 办理记录 </a>&#39;; }else if(shzt == "1"){ link = &#39;<a href="javascript:void(0);" class="btn btn-link btn_view" guid = "&#39;+full.GUID+&#39;"> 查看 |</a>&#39; + &#39;<a href="javascript:void(0);" class="btn btn-link btn_record" guid = "&#39;+full.GUID+&#39;" procinstid="&#39;+full.PROCINSTID+&#39;"> 办理记录 </a>&#39;; } return link; },orderable:false,"class":"text-center","width":100} 绑定点击事件不行吗
最新发布
09-22
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="javax.servlet.http.HttpServletRequest"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="../proinfomgmt/ProInfolist.jsp" target="mainFrame">商品基本信息列表</a></td> </tr> <tr> <td><a href="../proinfomgmt/QueryProInfoSelectVal.jsp" target="mainFrame">商品列表查询</a></td> </tr> <tr> <td><a href="../proinfomgmt/QueryProInfo.jsp" target="mainFrame">查询商品基本信息</a></td> </tr> <tr> <td><a href="../proinfomgmt/QueryProInfoMultConds.jsp" target="mainFrame">多条件查询学生基本信息</a></td> </tr> <tr> <td><a href="../proinfomgmt/AddProInfo.jsp" target="mainFrame">添加商品基本信息</a></td> </tr> <tr> <td><a href="../proinfomgmt/ProInfolistforModi.jsp" target="mainFrame">修改或删除商品基本信息</a></td> </tr> <tr> <td><a href="../invinfomgmt/Invinfolist.jsp" target="mainFrame">库存信息列表</a></td> </tr> <tr> <td><a href="../invinfomgmt/QueryInvInfoMultConds.jsp" target="mainFrame">多条件查询库存信息</a></td> </tr> <tr> <td><a href="../invinfomgmt/QueryInvInfoSelectVal.jsp" target="mainFrame">库存列表查询</a></td> </tr> <tr> <td><a href="../Inbinfomgmt/AddInbInfo.jsp" target="mainFrame">添加入库信息</a></td> </tr> <tr> <td><a href="../Inbinfomgmt/InbInfolistforModi.jsp" target="mainFrame">修改或删除入库信息</a></td> </tr> <tr> <td><a href="../Outinfomgmt/AddOutInfo.jsp" target="mainFrame">添加出库信息</a></td> </tr> <tr> <td><a href="../Outinfomgmt/OutInfolistforModi.jsp" target="mainFrame">修改或删除出库信息</a></td> </tr> <tr> <td><a href="../userinfomgmt/UserInfolistforModi_1.jsp" target="mainFrame">员工重置密码</a></td> </tr> <% String operator_id = (String) request.getSession().getAttribute("user"); //下一句不能用== if ("U202340848".equals(operator_id)) { %> <tr> <td><a href="../userinfomgmt/AddUserInfo.jsp" target="mainFrame">管理员添加员工信息</a></td> </tr> <tr> <td><a href="../userinfomgmt/UserInfolist_1.jsp" target="mainFrame">管理员查看员工列表</a></td> </tr> <tr> <td><a href="../userinfomgmt/UserInfolistforModi.jsp" target="mainFrame">管理员重置员工密码删除员工信息</a></td> </tr> <tr> <td><a href="../userinfomgmt/QueryUserInfoSelectVal.jsp" target="mainFrame">管理员通过列表查询员工信息</a></td> </tr> <tr> <td><a href="../userinfomgmt/QueryUserInfo.jsp" target="mainFrame">管理员精准查询员工信息</a></td> </tr> <% } if ("".equals(operator_id)) { System.out.println("无session");//测试用 %> <%} %> </table> </body> </html>
07-06
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值