java jsp页面导入js中 使用 js尤其是外部导入js文件 有缓存(怎样清除啊)

来源：蜘蛛抓取(WebSpider) 时间：2017-07-14 15:47 标签： jsp中java调用js变量
&&&&&&&&&&&
& & & 今天有点闲，自己动手搭建一个Java Web项目，遇到jsp中引入js、css文件时路径不正确的问题，于是在网上查阅了很多资料，最终都无法解决问题，于是，上stackoverflow找到了解决方法，这里不得不吐槽一下国内资料的可信度，不说了，以后遇到问题尽量还是google吧，花点钱买个vpn值了，生命有限，节约时间。
　　下面记录下解决方法吧：
　　首先，确保jsp引入了jstl：&%@ taglib uri="/jsp/jstl/core" prefix="c"%&。
　　其次是具体的引用写法了，使用&c:url&标签：&link href="&c:url value="/resources/css/signin.css"/&" rel="stylesheet"&
　　注意下项目文件结构，当然，要根据实际情况而定，我的是：
阅读(...) 评论()jsp中引入外部js文件时需要注意的关键点 - 博客频道 - CSDN.NET
屌丝扎卡维的博客
我要像热爱Money一样去热爱Java
分类：工作中遇到的难题
杜绝&script src=&js/tool.js& type=&text/javascript& /&这样写的习惯
由于有了开发工具，我都变懒了很多。平时都在引入外部JS文件时都没怎么太在意它的写法，假如我要引用tool.js文件，开发工具会生成如下代码&script src=&js/tool.js& type=&text/javascript&&&/script&
说说我经历的过程，今天上午我在jsp文件中引用外部js时是这样写的，&script src=&js/tool.js& type=&text/javascript& /&可以看出和平时的写法有什么区别吧！平时应该写成&script src=&js/tool.js& type=&text/javascript&&&/script&
这样写的后果就是firebug不报错，后台代码不报错（点链接时还是能正常进controller），但是页面就是显示不出来。所以&/script&是绝对不能少的！
说真的这个错误还花了我不少时间，这是个很菜很菜的问题。对于某些人来说根本不值一提。但是从这个问题中告诉我”细心“2字。我把它写出来，希望路过的不要”重蹈覆辙“！ 呵呵...&
-还有一个问题就是为什么这样写是不行的？&
答案很简单，这样写不符合w3c规范，不同的浏览器结束script的方法不相同，浏览器默认会当作你的script没有结束。
排名：千里之外在JSP或HTML页面中调用外部JS文件
在CSDN上看到一个人问这个问题，说没法成功，后来试了下，的确没搞明白。
今天又敲了敲，也google了，终于找到了成功的途径：
& 设一个网页文件为OuterJSTest.html，JS文件为out.js，两者在同一个文件夹下。能测试通过的写法应该是：
OuterJSTest.html
&title&Test of outer&JS
file&/title&
&&& &script
type="text/javascript" src="out.js"&
&input type="button" name="button1" value="Test"
onclick=alert()&
&& &/body&
function alert()
&document.write("hhh");
常出现的问题是在out.js中还加了&script&&/script&，这样是多余的，也是错误的。
不过好像在我机器上可以运行的页面到了同宿舍另一台机器上就出问题了，难道真的是“橘生淮南则为橘”？？？
另外还可以假设JS文件放在JSP文件的上层文件夹中（Eclipse中就是这样的默认），那么只需要修改JSP文件中的SRC为“../out.js”即可；如果是在上层文件夹的某个子文件夹中则改为“../**/out.js”。其中“..”的意思和windows系统命令行里边意义一样，都是向上一个文件夹；星号代表那子文件夹的名称。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。下次自动登录
现在的位置:
& 综合 & 正文
在jsp页面script中引入js文件时注意事项
有时候，我们在多个jsp页面中的script有许多重复的代码，这时我们就会想到如何重用它们，在用的时候我们需要注意几个问题：例如：有两个文件 toolbar.js 和 main.jsp
toolbar.js:====================================================================================== Ext.BLANK_IMAGE_URL = '/ngrcms/images/s.gif'; var clientWidth = document.body.clientW var clientHeight = document.body.clientH
var button = new Ext.Button({
text: '按钮',
icon: '../images/query.png',
cls: "x-btn-text-icon",
scope:this });======================================================================================
main.jsp:======================================================================================&%@ page language="java" pageEncoding="utf-8"%&&html&
&title&ReportTest&/title&
&link rel="stylesheet" type="text/css" href="../ext-3.2.1/resources/css/ext-all.css"&
&script type="text/javascript" src="../ext-3.2.1/adapter/ext/ext-base.js"&&/script&
&script type="text/javascript" src="../ext-3.2.1/ext-all.js"&&/script&
&/head&&body&&div id="container"&&/div&//注意因为toolbar.js中含有对body的操作(document.body.clientWidth),所以在js文件引入时，一定要注意必须放在body中，//不能放在head中，因为在head执行时,并没有body的生成，所以会产生某某属性undefined.&script type="text/javascript" src="toolbar.js"&&/script& &script type="text/javascript"&
button.on('click',function(){ Ext.MessageBox.alert("这是一个查询按钮");
Ext.onReady(function(){ var panel = new Ext.Panel({
layout:'fit',
frame:true,
title:'标题',
width: clientWidth,
height: clientHeight,
renderTo:'container' });
});&/script&&/body&&/html&
&&&&推荐文章:
【上篇】【下篇】

我要回帖

更多关于 jsp中java调用js变量 的文章

 

随机推荐