为什么JSP文件引入JS文件失败？

0 0

为什么JSP文件引入JS文件失败？5

遇到一个问题，JSP文件导入的JS文件不识别
JSP文件跟JS文件都在同一个目录下面

xtree.js文件里定义的是树形控件，我在JSP页面中引用的
而且调用的时候都是同一种方式

         <script language="javascript" src="xtree.js"></script>
	<link href="xtree.css" rel="stylesheet" type="text/css">

可是页面中报出错误说对象未定义,就是JSP文件找不到当前的JS文件

从网上搜了好多资料又说编码问题的，我把编码改为UTF-8了，不行
还有说js文件里有中文字符的，我也改正过来了，还是不行
有谁能帮帮我啊，先谢谢了

问题补充：

xiaolongfeixiang 写道

看看你的网页在浏览器显示时的源码。。。。

以下是我的浏览器显示的源码


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="http://127.0.0.1:8088/WZ_Track/">

		<title>My JSP 'index.jsp' starting page</title>

		<!-- The xtree script file -->
		<script src="xtree.js"></script>

		<!-- Modify this file to change the way the tree looks -->
		<link type="text/css" rel="stylesheet" href="xtree.css">
		<style>
body {
	background: white;
	color: black;
}

input {
	width: 120px;
}
</style>
	</head>

	<body>
		<div
			style="position: absolute; width: 200px; top: 0px; left: 0px; height: 100%; padding: 5px; overflow: auto;">
			<script type="text/javascript">
				var tree = new WebFXTree('Root');
				tree.setBehavior('classic');
				var a = new WebFXTreeItem('1');
				tree.add(a);
				var b = new WebFXTreeItem('1.1');
				a.add(b);
				document.write(tree);
			</script>

		</div>
	</body>
</html>

看起来JS文件本来就没有加载进来

我曾经用过IE，FireFox，Chorme，搜狗等浏览器测试过，同样不出来
我用了一个HttpWatch的工具看了一下，是404错误
可是不明白，明明是在一个路径下为什么还找不到？
在HTML文件中就可以正常显示，可是，把代码搬移到JSP文件中就出不来，而且说对象未定义

问题补充：

gniavaj 写道

浏览器报这个错误不能说明你引入JS失败，你可以用httpwatch看一下这个JS加载是否成功。如果加载成功报这个错误，说明你这个JS里的代码有问题.

刚测试过，报404错误，看来是没有加载进来
可是在HTML格式的文件里可以正常显示啊，但是为什么搬到JSP页面中就不行了呢？

JavaScript

2010年4月15日 08:47

xiqing
10
0 0 0

查看图片附件

7个答案按时间排序按投票排序

0 0

html好使是因为html引用脚本是计算机本地路径而jsp运行时引用的是服务器路径所以html直接写js的脚本名只要html文件和js文件在同一个文件夹下就好用而在tomcat上运行时是需要找到项目名/然后是你的js文件所以你直接写js文件名路径是找不到的

2010年4月22日 12:25

乌托邦之爱
0
0 0 0

添加评论

0 0

我建议你去掉<base href="http://127.0.0.1:8088/WZ_Track/"> 或者改成这样:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%
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>
<base href="<%=basePath%>">

js只能放在WEB-INF外:(因为外部是不能直接访问WEB-INF下的文件的)
src="${pageContext.request.contextPath}/文件夹名(没有就不写这项)/xtree.js">

2010年4月15日 17:08

wenchaoeye
15
0 0 0

添加评论

0 0

2010年4月15日 14:46

mginobili
4
0 0 1

添加评论

0 0

刚才的例子贴错地方了这个是正确的
<script language="javascript" src="<%=basePath%>xtree.js"></script>
href="<%=basePath%>xtree.css" rel="stylesheet" type="text/css">

2010年4月15日 10:07

乌托邦之爱
0
0 0 0

添加评论

0 0

你用的是什么浏览器啊可能是浏览器对Js代码不兼容也可能是你引入的路径有问题你的js路径最好加上jsp顶端的
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

里面的<%=basePath%>这个他是获取你项目的绝对入经

例子:
<script language="javascript" src="xtree.js"></script>
href="xtree.css" rel="<%=basePath%>stylesheet" type="text/css">

2010年4月15日 10:05

乌托邦之爱
0
0 0 0