struts2 Action返回JSP页面CSS和JavaScript失效的解决方法。
2015-08-28 15:44
573 查看
问题:struts2 Action返回JSP页面CSS后失效
问题分析:
1,直接访问 XXX.JSP文件,发现CSS文件可以起作用;
2,将这些CSS文件直接写入JSP页面中<head>标签下,发现Action返回这些CSS在起作用。
因此,CSS代码无问题,对于JSP页面CSS文件的路径无问题。问题在于对于XXXX.action来说。CSS文件的位置不对。比如一个登陆界面,一般都会将XXX.Java文件放于src文件夹下的Login包内。而JSP文件放于web.loginFile下面,CSS文件也放在loginFile下面,此时Login.jsp与CSS文个在同一个目录下面,Login.JSP通过相对路径直接可以找到CSS。因此直接访问JSP文件CSS起作用。
然而,当通过动作回发JSP时,可以从浏览器的URL出发现反问的是……8080/Login.action或者如果sruts.xml中 package设置了namespace="/Login" 时URL为……8080/Login/Login.action。显然这个URL肯定找不到CSS文件。
那么是否可以用绝对的URL定位CSS文件呢,经粗略测试了一下,貌似不行。
我是在将代码从IntelliJ IDEA从搬到eclipse中才出现的这个问题。而在IntelliJ
IDEA中却没有此问题,猜测可能是由于IntelliJ IDE的关系,可能是自动添加了类似下面的获取路径的方法,又或者是我两个IDE 中web的部署不一样导致的?
解决方法:从网上找到的一种,这种方法采用了java脚本。javaScript应该也存在同样的问题(暂没测试)。这个问题的应该还有其他解决方法。
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/js/easyui/themes/default/easyui.css">
<script type="text/javascript" src="<%=request.getContextPath()%>/js/easyui/locale/easyui-lang-zh_CN.js"></script>
问题分析:
1,直接访问 XXX.JSP文件,发现CSS文件可以起作用;
2,将这些CSS文件直接写入JSP页面中<head>标签下,发现Action返回这些CSS在起作用。
因此,CSS代码无问题,对于JSP页面CSS文件的路径无问题。问题在于对于XXXX.action来说。CSS文件的位置不对。比如一个登陆界面,一般都会将XXX.Java文件放于src文件夹下的Login包内。而JSP文件放于web.loginFile下面,CSS文件也放在loginFile下面,此时Login.jsp与CSS文个在同一个目录下面,Login.JSP通过相对路径直接可以找到CSS。因此直接访问JSP文件CSS起作用。
然而,当通过动作回发JSP时,可以从浏览器的URL出发现反问的是……8080/Login.action或者如果sruts.xml中 package设置了namespace="/Login" 时URL为……8080/Login/Login.action。显然这个URL肯定找不到CSS文件。
那么是否可以用绝对的URL定位CSS文件呢,经粗略测试了一下,貌似不行。
我是在将代码从IntelliJ IDEA从搬到eclipse中才出现的这个问题。而在IntelliJ
IDEA中却没有此问题,猜测可能是由于IntelliJ IDE的关系,可能是自动添加了类似下面的获取路径的方法,又或者是我两个IDE 中web的部署不一样导致的?
解决方法:从网上找到的一种,这种方法采用了java脚本。javaScript应该也存在同样的问题(暂没测试)。这个问题的应该还有其他解决方法。
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/js/easyui/themes/default/easyui.css">
<script type="text/javascript" src="<%=request.getContextPath()%>/js/easyui/locale/easyui-lang-zh_CN.js"></script>
相关文章推荐
- ionic+AnjularJs实现省市县三级联动效果
- js(1)不太注意的一些小事件
- JavaScript 中怎样判断文本框只能输出英文字母、汉字和数字,不能输入特殊字符!
- json 解析
- js限制文本框只能输入数字方法小结
- Extjs4.2 Tree使用技巧小结demo
- JSP中转发和重定向的区别
- JavaScript:this是什么?
- js中的继承的用法
- 利用Gulp实现JSDoc 3的文档编写过程中的实时解析和效果预览
- js实现简单折叠、展开菜单的方法
- form表单序列化JSON
- JSON语法-对对象的简单定义
- 点击文字链接提交Form表单
- js实现超简单的展开、折叠目录代码
- JS 中 this上下文对象的使用方式
- JSON对象遍历
- protobuf,json,xml,binary,Thrift之间的对比
- js 一次元素点击响应2个事件函数
- 基于JSR-WS的认证