有什么原因会导致这样
<script type="text/javascript" charset="gbk" src="${pageContext.request.contextPath}/backend//js/util.js"></script>
<script type="text/javascript" charset="gbk" src="${pageContext.request.contextPath}/backend//js/util.js"></script>
这个地方不是多了一个斜线么
${pageContext.request.contextPath}/backend/js/util.js
js/util.js都没用
源代码:
<html>
<head>
<title>后台管理系统</title>
<meta name="author" content="tocean"></meta>
<meta name="keywords" content="新豆,后台,管理"></meta>
<meta name="description" content="新豆网是一个电子商城网站,提供电器类产品购买"></meta> <meta http-equiv="Content-Type" content="text/html;charset=gbk"></meta>
<!-- 这里是注释,head之间还可以
包含script,link,style等与
javascript\css有关的标签,
讲到的时候具体讲解
-->
<!-- 使用外部样式表-->
<link rel="stylesheet" type="text/css" href="css/content.css"/>
</head>
<body >
欢迎访问新豆网后台管理系统!
</body>
</html>
<html>
<head>
<title>菜单页面</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk"></meta>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/backend/css/menu.css"/>
<script type="text/javascript" language="javascript" charset="gbk" src="${pageContext.request.contextPath}/backend/js/util.js"></script>
<script type="text/javascript">
function initMenu(){
alert("******************");
//所有父菜单,采用通用的getElementsByClassName()
var supMenus = getElementsByClassName("sup_menu",null,"h1");
//所有子菜单
var subMenus = getElementsByClassName("sub_menu",null,"ul");
//设置除第一个子菜单外的其它子菜单为隐藏状态
for(var i=0;i<subMenus.length;i++){
if(i==0){
continue;
}else{
subMenus[i].style.display="none";
}
}
//为每一个sup_menu注册事件
for(var i=0;i<supMenus.length;i++){
supMenus[i].onclick=function(){
//隐藏所有
for(var j=0;j<subMenus.length;j++){
subMenus[j].style.display="none";
}
//让选中的子菜单显示出来
var idx = index(this,supMenus);
subMenus[idx].style.display="";
}
}
} function index(obj,arr){
for(var i=0;i<arr.length;i++){
if( obj==arr[i]){
return i;
}
}
return -1;
}
</script>
</head>
<body onLoad="initMenu()">
<ul id="menu">
<li>
<!-- -->
<h1 class="sup_menu"><a herf="#">产品管理</a></h1>
<ul class="sub_menu">
<li><a href="${pageContext.request.contextPath}/backend/brand/toAdd.action" target="main">添加品牌</a></li>
<li><a href="${pageContext.request.contextPath}/backend/brand/list.action" target="main">品牌管理</a></li>
<li><a href="${pageContext.request.contextPath}/backend/category/toAdd.action" target="main">添加分类</a></li>
<li><a href="${pageContext.request.contextPath}/backend/category/list.action" target="main">分类管理</a></li>
<li><a href="${pageContext.request.contextPath}/backend/product/toAdd.action" target="main">添加产品</a></li>
<li><a href="${pageContext.request.contextPath}/backend/product/list.action" target="main">产品管理</a></li>
</ul>
</li>
<li>
<h1 class="sup_menu"><a herf="#">支付方式管理</a></h1>
<ul class="sub_menu">
<li><a href="${pageContext.request.contextPath}/backend/payWay/toAdd.action" target="main">添加支付方式</a></li>
<li><a href="Admin_list.html" target="main">支付方式管理</a></li>
</ul>
</li>
<li>
<h1 class="sup_menu"><a herf="#">送货方式管理</a></h1>
<ul class="sub_menu">
<li><a href="${pageContext.request.contextPath}/backend/sendWay/toAdd.action" target="main">添加送货方式</a></li>
<li><a href="Admin_list.html" target="main">送货方式管理</a></li>
</ul>
</li>
<li>
<h1 class="sup_menu"><a herf="#" >会员管理</a></h1>
<ul class="sub_menu">
<li><a href="User_add.html" target="main">添加会员</a></li>
<li><a href="User_list.html" target="main">会员管理</a></li>
</ul>
</li>
<li>
<h1 class="sup_menu"><a herf="#">管理员管理</a></h1>
<ul class="sub_menu">
<li><a href="Admin_add.html" target="main">添加管理员</a></li>
<li><a href="Admin_list.html" target="main">管理员管理</a></li>
</ul>
</li>
</ul>
</body>
</html>
->js
->util.js
->index.jsp
->menu.jsp
<script type="text/javascript" language="javascript" charset="gbk" src="${pageContext.request.contextPath}/backend/js/util.js"></script>
是你的JSP源代码,这个暂时已经不重要了。需要从浏览器上访问该页面,比如:http://localhost:8080/xindou/backend/
然后在浏览器上点“鼠标右键”,选择“查看网页源代码”,然后认真看看这句话中关于:
src="${pageContext.request.contextPath}/backend/js/util.js"
的内容究竟变成什么了?
<head>
<title>菜单页面</title>
<meta http-equiv="Content-Type" content="text/html;charset=gbk"></meta>
<link rel="stylesheet" type="text/css" href="/xindou/backend/css/menu.css"/>
<script type="text/javascript" language="javascript" charset="gbk" src="/xindou/backend/js/util.js"></script>
<script type="text/javascript">
function initMenu(){
alert("******************");
//所有父菜单,采用通用的getElementsByClassName()
var supMenus = getElementsByClassName("sup_menu",null,"h1");
//所有子菜单
var subMenus = getElementsByClassName("sub_menu",null,"ul");
//设置除第一个子菜单外的其它子菜单为隐藏状态
for(var i=0;i<subMenus.length;i++){
if(i==0){
continue;
}else{
subMenus[i].style.display="none";
}
}
//为每一个sup_menu注册事件
for(var i=0;i<supMenus.length;i++){
supMenus[i].onclick=function(){
//隐藏所有
for(var j=0;j<subMenus.length;j++){
subMenus[j].style.display="none";
}
//让选中的子菜单显示出来
var idx = index(this,supMenus);
subMenus[idx].style.display="";
}
}
} function index(obj,arr){
for(var i=0;i<arr.length;i++){
if( obj==arr[i]){
return i;
}
}
return -1;
}
</script>
</head>
<script type="text/javascript" language="javascript" charset="gbk" src="/xindou/backend/js/util.js"></script>
你用浏览器直接访问:
http://localhost:8080/xindou/backend/js/util.js
有内容么?
如果有内容的话,那么就剩两个可能性:
1、util.js 自身存在语法错误,所以无法正确解析;
2、主页面中调用util相关函数的JS代码存在语法错误。Anyway,你如果用的是IE9的话,你有福气了,按 <F12>,然后选择“脚本”Tab页,重新运行页面,看看有没有什么错误信息提示。