关于include标签导致js路径找不到的问题分析及解决
JS 问题 解决 分析 关于 路径 标签 导致
2023-06-13 09:15:03 时间
关于使用jsp:include标签及<%@include标签时要注意的事项
先回忆一下二者的区别(对于此篇文章而言,二者在用法上没有区别)
jsp:include是先编译一下included.jsp文件,然后再包含(先编译,后包含)
@include是先把文件包含就来,然后统一编译(先包含,后编译)
今天下午想把Jquery集成到项目中,发现怎么样都会出问题。原因就是路径问题。
在集成时,我的思路是写一个公共JSP文件,里面包含一些常用的js文件,当然此处我用的就是Jquery插件了。
但写完发现单独测试公共JSP是可以使用的,但包含公共JSP页面的页面却始终不能使用JQuery,开始还以为是加载顺序的问题。
几经测试,终于发现了其中的问题。
由于做的项目文件较多,故文件都不放在一个文件夹下:在公共JSP页面中,有
复制代码代码如下:
先回忆一下二者的区别(对于此篇文章而言,二者在用法上没有区别)
jsp:include是先编译一下included.jsp文件,然后再包含(先编译,后包含)
@include是先把文件包含就来,然后统一编译(先包含,后编译)
今天下午想把Jquery集成到项目中,发现怎么样都会出问题。原因就是路径问题。
在集成时,我的思路是写一个公共JSP文件,里面包含一些常用的js文件,当然此处我用的就是Jquery插件了。
但写完发现单独测试公共JSP是可以使用的,但包含公共JSP页面的页面却始终不能使用JQuery,开始还以为是加载顺序的问题。
几经测试,终于发现了其中的问题。
由于做的项目文件较多,故文件都不放在一个文件夹下:在公共JSP页面中,有
<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%>
<scripttype="text/javascript"src="js/jquery132min.js"></script>
<scripttype="text/javascript">
$(function(){
alert("hello1");
});
</script>
在调用它的时候,有:
<%@includefile="../../common_ext.jsp"%>
但这样很可能导致错误。
原因是,include之后,公共JSP被加载到自己的JSP,则JQueryr的相对位置已经发生了变化。即公共JSP把JQuery的相对位置传给了自己的JSP,但自己的JSP以自身为标准,通过路径就找不到Jquery插件了。简单地说,就是如果用相对路径,则公共JSP中的路径就应该是相对自己jSP的路径了。
但这样显然失去了它是公共JSP的意义,因此在这里用绝对路径来做:
<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%>
<%
StringtPath=request.getContextPath();
StringtBasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+tPath+"/";
%>
<scripttype="text/javascript"src="<%=tBasePath%>js/jquery132min.js"></script>
<scripttype="text/javascript">
$(function(){
alert("hello1");
});
</script>
这样,只要在自己的jSP页面中引入公共JSP就可以了。
相关文章
- vue前端怎么解决跨域问题_前端跨域调用js方法解决方案
- JS获取当前年份_js获取当前时间年月日
- JS设置定时器_js设置定时器
- 优化谷歌联盟广告JS加载缓慢问题,提高网站页面的加载速度
- 解决aspnetcore-browser-refresh.js:234 WebSocket connection to 'wss://localhost:62356/Admin/' failed问题
- 22道js输出顺序问题,你能做出几道
- js解决切换背景图片,发生闪屏问题
- js格式化iso 8601格式的日期为其他格式-处理默认golang time类型格式问题
- 解决js中传值,Action获取是乱码问题详解编程语言
- 用SQL Server和JS实现数据库管理技术(sqlserver.js)
- Oracle中使用JS变量管理数据(oracle使用js变量)
- Oracle中JS的优势让数据库性能提升(oracle中 js)
- js操作ajax返回的json的注意问题!
- js对象之JS入门之Array对象操作小结
- 解决3.01版的jquery.form.js中文乱码问题的解决方法
- 解决js正则匹配换行问题实现代码
- js延迟加载改变JS的位置加快网页加载速度
- 有关于JS辅助函数inherit()的问题
- 为JS扩展Array.prototype.indexOf引发的问题探讨及解决
- C#Js时间格式化问题简单实例
- Js与下拉列表处理问题解决
- js点击事件链接的问题解决
- 页面js遇到乱码问题的解决方法是和无法转码的情况
- Ajax局部更新导致JS事件重复触发问题的解决方法
- JS中FRAME的操作问题实例分析
- 用js提交表单解决一个页面有多个提交按钮的问题