jsp加载js为什么会失败？

RobotHaptic 2015-07-19 05:33:03

代码如下所示：



<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%@ page import="java.util.*" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>



<head>

<script type="text/javascript" src="function.js"></script>

<link href="style.css" rel="stylesheet" type="text/css" />

<title>interface_teacher</title>    

</head>

工程的结构如图所示，请问为什么js文件没能被加载？错误出在了哪里。

...全文

202 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

RobotHaptic 2015-07-20

打赏
举报

回复

引用 2 楼 JZ_7975 的回复:

[quote=引用 1 楼 Inhibitory 的回复:] js的路径推荐用绝对路径，以 / 开头

路径不对啦或者使用basepath[/quote]


function showtime()
{
	var now=new Date();
	var year=now.getFullYear();
	var month=now.getMonth()+1;
	var day=now.getDate();
	var hours=now.getHours();
	var minutes=now.getMinutes();
	var seconds=now.getSeconds();
	time=year+'/'+month+'/'+day +'/'+hours+':'+minutes+':'+seconds;
	var div1=document.getElementById('div1');
	div1.innerHTML=time;
}
function letstart()
{
	taskId=setInterval(showtime,500);
}

window.onload=function()
{
	letstart();
};
		


function show1()
{
	var w1 = document.getElementById("right1");
	w1.style.display="block";
	var w4 = document.getElementById("right4");	
	w4.style.display="none";
	var w3 = document.getElementById("right3");
	w3.style.display="none";
	var w2 = document.getElementById("right2");	
	w2.style.display="none";
	
}
function show2()
{
	var w2 = document.getElementById("right2");
	w2.style.display="block";
	var w4 = document.getElementById("right4");	
	w4.style.display="none";
	var w3 = document.getElementById("right3");
	w3.style.display="none";
	var w1 = document.getElementById("right1");	
	w1.style.display="none";
	
}

差不多就是这样

RobotHaptic 2015-07-20

打赏
举报

回复

引用 4 楼 fjtnylk 的回复:

你是哪个页面引用 function.js

interface.jsp和interface_teacher.jsp都引用了。

qqw6789567 2015-07-20

打赏
举报

回复

1，解决此类问题首先看路径（楼上以说建议用绝对路径） 2，在JS文件中逐行添加输出alert（）；看是否进入或运行到了什么地方 3，在错误的地方修改查看。希望对你有帮助

心碎了无痕 2015-07-19

打赏
举报

回复

你是哪个页面引用 function.js

小牛毛 2015-07-19

打赏
举报

回复

我记得这样也是可以的，把js也贴贴吧！

JZ_7975 2015-07-19

打赏
举报

回复

引用 1 楼 Inhibitory 的回复:

js的路径推荐用绝对路径，以 / 开头

路径不对啦或者使用basepath

Inhibitory 2015-07-19

打赏
举报

回复

js的路径推荐用绝对路径，以 / 开头

ajax可以实现局部刷新页面，即在不刷新整个页面的情况下更新页面的局部信息。项目中遇到一个问题：在用户列表也，当点击某个按钮时需要去查询用户的信息，查询成功跳转到用户详情界面；查询失败，则在原页面弹出提示信息。想到两个解决办法：方法一：点击按钮，调用普通方法去查询用户信息，查询成功跳转到用户详情页面；查询失败，重定向调用查询用户列表的方法，在查询用户列表的方法结束后重新跳转到用户列表页面并弹出提示信息，相当于重新加载了用户列表页面。方法二：根据需求，不可以重新加载用户列表页面。用ajax调用查询用户详情的方法，查询成功返回用户Json串，查询失败则返回error。后

在做练习时，发现jsp页面引入的js文件无法正常加载，相对路径和绝对路径都尝试过，浏览器控制台一直都报如下警告：项目结构如下：后来参考大佬们的解释后，在web.xml中添加了对js文件的过滤后，问题解决，原因就是如果不配置拦截路径，默认是会拦截外部引入的js文件，css文件被拦截也是同理。具体代码如下： <servlet-mapping> ...

首先看下js在在jsp页面中可能的情况 jsp中的代码如下： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <script type="text/javascript"> console.log("it is b

本文介绍了一些常见的JSP中JavaScript失败的情况，并提供了相应的解决方案。通过正确的语法、适当的位置和加载方式，以及合适的数据交互方式，我们可以解决JSP中JavaScript的问题，并实现预期的功能。本文将介绍一些常见的JSP中JavaScript失败的情况，并提供相应的解决方案。2.1 转义JSP标签：通过在JSP标签周围添加单引号或双引号来转义JSP标签，以避免与JavaScript的语法冲突。在JSP页面中，有时候你可能会遇到JavaScript与JSP标签之间的冲突问题。

之前出现过好几次修改js代码后，页面运行还是按照原来的方法运行，不能按照现在方式运行。这里提供两个方法：IDEA 第一：热部署 Run——>Edit Configurations 修改为这样即可第二：页面缓存当浏览器打开一个页面后会缓存js和css文件，这时候你就算编译工具刷新了也没用，这时候你可以尝试下对要操作的页面使用Ctrl+F5按键，该命令强制刷新页面...

81,091

社区成员

341,719

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章