开发的时候遇到的js的问题高分求高手来

liangjunjie223 2011-12-27 02:00:53
这几天开发的时候遇到一个问题 在html中可以正常显示的js代码 在jsp中不能显示

有两个网页

一个是html的 附上：

left.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>管理页面</title>

<script src="js/prototype.lite.js" type="text/javascript"></script>
<script src="js/moo.fx.js" type="text/javascript"></script>
<script src="js/moo.fx.pack.js" type="text/javascript"></script>
<style>
body {
font:12px Arial, Helvetica, sans-serif;
color: #000;
background-color: #EEF2FB;
margin: 0px;
}
#container {
width: 182px;
}
H1 {
font-size: 12px;
margin: 0px;
width: 182px;
cursor: pointer;
height: 30px;
line-height: 20px;
}
H1 a {
display: block;
width: 182px;
color: #000;
height: 30px;
text-decoration: none;
moz-outline-style: none;
background-image: url(images/menu_bgS.gif);
background-repeat: no-repeat;
line-height: 30px;
text-align: center;
margin: 0px;
padding: 0px;
}
.content{
width: 182px;
height: 26px;

}
.MM ul {
list-style-type: none;
margin: 0px;
padding: 0px;
display: block;
}
.MM li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
list-style-type: none;
display: block;
text-decoration: none;
height: 26px;
width: 182px;
padding-left: 0px;
}
.MM {
width: 182px;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
clip: rect(0px,0px,0px,0px);
}
.MM a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url(images/menu_bg1.gif);
background-repeat: no-repeat;
height: 26px;
width: 182px;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
overflow: hidden;
text-decoration: none;
}
.MM a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url(images/menu_bg1.gif);
background-repeat: no-repeat;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
height: 26px;
width: 182px;
text-decoration: none;
}
.MM a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url(images/menu_bg1.gif);
background-repeat: no-repeat;
height: 26px;
width: 182px;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
overflow: hidden;
text-decoration: none;
}
.MM a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
font-weight: bold;
color: #006600;
background-image: url(images/menu_bg2.gif);
background-repeat: no-repeat;
text-align: center;
display: block;
margin: 0px;
padding: 0px;
height: 26px;
width: 182px;
text-decoration: none;
}
</style>
</head>

<body>
<table width="100%" height="280" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEF2FB">
<tr>
<td width="182" valign="top"><div id="container">
<h1 class="type"><a href="javascript:void(0)">系统参数管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="right.html" target="main">首页</a></li>
<li><a href="list2.html" target="main">岗位管理</a></li>
<li><a href="list.html" target="main">部门管理</a></li>
<li><a href="list.html" target="main">用户管理</a></li>
</ul>
</div>
<h1 class="type"><a href="javascript:void(0)">考勤信息管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="http://www.hao123.com" target="main">员工签到</a></li>
<li><a href="*" target="main">员工请假</a></li>
<li><a href="*" target="main">员工外出</a></li>
<li><a href="*" target="main">查看考勤</a></li>
</ul>
</div>
<h1 class="type"><a href="javascript:void(0)">站内信息管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="*" target="main">发送信息</a></li>
<li><a href="*" target="main">收件箱</a></li>
<li><a href="*" target="main">发件箱</a></li>
<li><a href="*" target="main">草稿箱</a></li>
</ul>
</div>
<h1 class="type"><a href="javascript:void(0)">公文审批管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="*" target="main">新的流程</a></li>
<li><a href="*" target="main">当前流程</a></li>
<li><a href="*" target="main">待审批流程</a></li>
<li><a href="*" target="main">流程进程</a></li>
</ul>
</div>
</div>
<h1 class="type"><a href="javascript:void(0)">新闻系统管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="*" target="main">新闻查看</a></li>
<li><a href="*" target="main">新闻评论</a></li>
<li><a href="*" target="main">评论列表</a></li>
<li><a href="*" target="main">登陆记录</a></li>
<li><a href="*" target="main">运行状态</a></li>
</ul>
</div>
</div>
<h1 class="type"><a href="javascript:void(0)">新闻系统管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="*" target="main">新闻查看</a></li>
<li><a href="*" target="main">新闻评论</a></li>
<li><a href="*" target="main">评论列表</a></li>
<li><a href="*" target="main">登陆记录</a></li>
<li><a href="*" target="main">运行状态</a></li>
</ul>
</div>
</div>
<h1 class="type"><a href="javascript:void(0)">新闻系统管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="*" target="main">新闻查看</a></li>
<li><a href="*" target="main">新闻评论</a></li>
<li><a href="*" target="main">评论列表</a></li>
<li><a href="*" target="main">登陆记录</a></li>
<li><a href="*" target="main">运行状态</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
var contents = document.getElementsByClassName('content');
var toggles = document.getElementsByClassName('type');

var myAccordion = new fx.Accordion(
toggles, contents, {opacity: true, duration: 400}
);
myAccordion.showThisHideOpen(contents[0]);
</script>
</td>
</tr>
</table>
</body>
</html>



left.html中的下拉菜单效果可以正常显示 在原样copy的left.jsp中则不能正常显示

求高手帮忙解决
...全文
77 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
julywangjun 2011-12-27
  • 打赏
  • 举报
 回复
这样：把你html页面的head之前的代码改为：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

这是改后的

----------------------------
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>管理页面</title>

<script src="js/prototype.lite.js" type="text/javascript"></script>
<script src="js/moo.fx.js" type="text/javascript"></script>
<script src="js/moo.fx.pack.js" type="text/javascript"></script>
<style>
body {
font:12px Arial, Helvetica, sans-serif;
color: #000;
background-color: #EEF2FB;
margin: 0px;
}
#container {
width: 182px;
}
H1 {
font-size: 12px;
margin: 0px;
width: 182px;
cursor: pointer;
height: 30px;
line-height: 20px;
}
H1 a {
display: block;
width: 182px;
color: #000;
height: 30px;
text-decoration: none;
moz-outline-style: none;
background-image: url(images/menu_bgS.gif);
background-repeat: no-repeat;
line-height: 30px;
text-align: center;
margin: 0px;
padding: 0px;
}
.content{
width: 182px;
height: 26px;

}
.MM ul {
list-style-type: none;
margin: 0px;
padding: 0px;
display: block;
}
.MM li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
list-style-type: none;
display: block;
text-decoration: none;
height: 26px;
width: 182px;
padding-left: 0px;
}
.MM {
width: 182px;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
clip: rect(0px,0px,0px,0px);
}
.MM a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url(images/menu_bg1.gif);
background-repeat: no-repeat;
height: 26px;
width: 182px;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
overflow: hidden;
text-decoration: none;
}
.MM a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url(images/menu_bg1.gif);
background-repeat: no-repeat;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
height: 26px;
width: 182px;
text-decoration: none;
}
.MM a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url(images/menu_bg1.gif);
background-repeat: no-repeat;
height: 26px;
width: 182px;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
overflow: hidden;
text-decoration: none;
}
.MM a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
font-weight: bold;
color: #006600;
background-image: url(images/menu_bg2.gif);
background-repeat: no-repeat;
text-align: center;
display: block;
margin: 0px;
padding: 0px;
height: 26px;
width: 182px;
text-decoration: none;
}
</style>
</head>

<body>
<table width="100%" height="280" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEF2FB">
<tr>
<td width="182" valign="top"><div id="container">
<h1 class="type"><a href="javascript:void(0)">系统参数管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="right.html" target="main">首页</a></li>
<li><a href="list2.html" target="main">岗位管理</a></li>
<li><a href="list.html" target="main">部门管理</a></li>
<li><a href="list.html" target="main">用户管理</a></li>
</ul>
</div>
<h1 class="type"><a href="javascript:void(0)">考勤信息管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="http://www.hao123.com" target="main">员工签到</a></li>
<li><a href="*" target="main">员工请假</a></li>
<li><a href="*" target="main">员工外出</a></li>
<li><a href="*" target="main">查看考勤</a></li>
</ul>
</div>
<h1 class="type"><a href="javascript:void(0)">站内信息管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="*" target="main">发送信息</a></li>
<li><a href="*" target="main">收件箱</a></li>
<li><a href="*" target="main">发件箱</a></li>
<li><a href="*" target="main">草稿箱</a></li>
</ul>
</div>
<h1 class="type"><a href="javascript:void(0)">公文审批管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="*" target="main">新的流程</a></li>
<li><a href="*" target="main">当前流程</a></li>
<li><a href="*" target="main">待审批流程</a></li>
<li><a href="*" target="main">流程进程</a></li>
</ul>
</div>
</div>
<h1 class="type"><a href="javascript:void(0)">新闻系统管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="*" target="main">新闻查看</a></li>
<li><a href="*" target="main">新闻评论</a></li>
<li><a href="*" target="main">评论列表</a></li>
<li><a href="*" target="main">登陆记录</a></li>
<li><a href="*" target="main">运行状态</a></li>
</ul>
</div>
</div>
<h1 class="type"><a href="javascript:void(0)">新闻系统管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="*" target="main">新闻查看</a></li>
<li><a href="*" target="main">新闻评论</a></li>
<li><a href="*" target="main">评论列表</a></li>
<li><a href="*" target="main">登陆记录</a></li>
<li><a href="*" target="main">运行状态</a></li>
</ul>
</div>
</div>
<h1 class="type"><a href="javascript:void(0)">新闻系统管理</a></h1>
<div class="content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/menu_topline.gif" width="182" height="5" /></td>
</tr>
</table>
<ul class="MM">
<li><a href="*" target="main">新闻查看</a></li>
<li><a href="*" target="main">新闻评论</a></li>
<li><a href="*" target="main">评论列表</a></li>
<li><a href="*" target="main">登陆记录</a></li>
<li><a href="*" target="main">运行状态</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
var contents = document.getElementsByClassName('content');
var toggles = document.getElementsByClassName('type');

var myAccordion = new fx.Accordion(
toggles, contents, {opacity: true, duration: 400}
);
myAccordion.showThisHideOpen(contents[0]);
</script>
</td>
</tr>
</table>
</body>
</html>

liangjunjie223 2011-12-27
  • 打赏
  • 举报
 回复
改了 不行
julywangjun 2011-12-27
  • 打赏
  • 举报
 回复
html 和jsp 的头部是不一样的
jsp页面的头部是：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-------------
把你html 的头部也就是这个<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
改为jsp页面的头部先！
《ACM竞赛-C/C++入门》 C语言-13
尹成老师带你步入C语言基础的殿堂，讲课生动风趣、深入浅出，全套视频内容充实，整个教程以C语言为核心，完整精彩的演练了C语言操作流程以及各种精彩的小项目等，提高竞赛能力，非常适合同学们学习！清华大学尹成老师、微软全球具有价值专家，手把手从基础教学到深入探讨，教你成为信息学竞赛高手，让你知识点一通百通拿到竞赛高分，为编程开发打下坚实的基础！从零基础到在蓝桥杯、NOIP、ACM竞赛、信息学奥林匹克竞赛等高含金量的国家级竞赛项目取得优异成绩！
高分求助TWEBBROWSER问题 帮顶有分
高分求助TWEBBROWSER问题 帮顶有分 VCL组件开发及应用http://www.delphi2007.net/DelphiVCL/html/delphi_20061225015126140.html 用ＴＷＥＢＢＲＯＷＳＥＲ做了一个浏览器，调用本机的两个网页文件 网页中有大量的...
【CEF】《CEF 桌面软件开发实战》笔记-汇总
【CEF】《CEF 桌面软件开发实战》笔记-汇总
WEB开发文档2 总结
http://blog.donews.com/lvjiyong/archive/2006/06/29/931071.aspx 怎样将后台生成的在内存中的图象显示到客户端 Microsoft IE WebControls下载地址 如何在DATAGRID中使用JAVASCRIPT脚本控制 DataGrid中连接到...
36本高分计算机电子书
原则、模式与实践 作者: 马丁 豆瓣评分：⭐⭐⭐⭐⭐（9.1分） 在本书中，享誉全球的软件开发专家和软件工程大师Robert C.Martin将向您展示如何解决软件开发人员、项目经理及软件项目领导们所面临的最棘手的问题。...
Java EE

67,513

社区成员

225,879

社区内容

发帖
与我相关
我的任务
社区描述
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器，保护我们的业务核心组件（中间件），以延续它的生命力，而不是依赖J2SE/J2EE版本。
社区管理员
  • Java EE
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章