jsp:include引入jsp文件的时候(如果被包含的文件存在js文件),不要用相对路径

jsp:include引入jsp文件的时候(如果被包含的文件存在js文件),不要用相对路径先回忆一下二者的区别(对于此篇文章而言,二者在用法上没有区别) jsp:include是先编译一下included.jsp文件,然后再包含 先编译,后包含@ include是先把文件包含就来,然后统一编译 先包含,后编译  今天下午想把jQuery集成到项目中,发现怎么样都会出问题。原因就是路径问题。在集成时,我的思路是…

大家好,又见面了,我是你们的朋友全栈君。

先回忆一下二者的区别(对于此篇文章而言,二者在用法上没有区别)

 

jsp:include是先编译一下included.jsp文件,然后再包含        先编译,后包含
@ include是先把文件包含就来,然后统一编译                   先包含,后编译

 

 

今天下午想把jQuery集成到项目中,发现怎么样都会出问题。原因就是路径问题。

在集成时,我的思路是写一个公共JSP文件,里面包含一些常用的js文件,当然此处我用的就是Jquery插件了。

但写完发现单独测试公共JSP是可以使用的,但包含公共JSP页面的页面却始终不能使用JQuery,开始还以为是加载顺序的问题。

几经测试,终于发现了其中的问题。

 

由于做的项目文件较多,故文件都不放在一个文件夹下:在公共JSP页面中,有

<%@ page language=”Java” import=”java.util.*” pageEncoding=”utf-8″%>

<script type=”text/JavaScript” src=”js/jquery132min.js”></script>

    <script type=”text/javascript”>     
    $(function(){

    alert(‘hello1’);
    });
</script>

 

在调用它的时候,有:

<%@ include file=”../../common_ext.jsp”%>

但这样很可能导致错误。

 

原因是,include之后,公共JSP被加载到自己的JSP,则JQueryr的相对位置已经发生了变化。即公共JSP把JQuery的相对位置传给了自己的JSP,但自己的JSP以自身为标准,通过路径就找不到Jquery插件了。简单地说,就是如果用相对路径,则公共JSP中的路径就应该是相对自己jSP的路径了。

 

但这样显然失去了它是公共JSP的意义,因此在这里用绝对路径来做:

<%@ page language=”java” import=”java.util.*” pageEncoding=”utf-8″%>

<%
String tPath = request.getContextPath();
String tBasePath = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+tPath+”/”;
%>

<script type=”text/javascript” src=”<%=tBasePath%>js/jquery132min.js”></script>
    <script type=”text/javascript”>
    
    $(function(){

    alert(‘hello1’);
    });
    
    </script>

 

这样,只要在自己的jSP页面中引入公共JSP就可以了。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/147215.html原文链接:https://javaforall.net

(0)
上一篇 2022年6月13日 下午7:46
下一篇 2022年6月13日 下午7:46


相关推荐

  • windows命令大全

    windows命令大全Windows 命令的控制有很多很多 下面小编给大家收集了一些最为常用的命令符一 常用 dos 命令 Win R 输入 cmd 回车 打开控制台 d 回车盘符切换 dir directory 列出当前目录下的文件及文件夹 cd changedirect 改变指定目录 进入指定目录 进入 cd 目录 cd 多级目录

    2026年3月19日
    4
  • 基于Auto.js的萌猫跳辅助

    基于Auto.js的萌猫跳辅助许久不见,甚是想念被学长唤醒的博客魂ing…这次是一个失去时效性的小脚本,但是其中包括一些东西或许对你们可以有帮助撒一些要点因为Auto.js并没有直接的对于触控位置的监听,所以需要对安卓API进行调用2.涉及对于画布的使用importClass(android.graphics.PorterDuffXfermode);importClass(android.graphics.PorterDuff);constBG_COLOR=colors.parseColor(“#2d

    2022年6月6日
    43
  • Excel宏的录制和解密

    Excel宏的录制和解密本篇演示的Excel版本:Excel2019本篇演示一个简单的宏的录制。实现的效果是将Sheet1的A列复制到到Sheet2的A列。宏的录制和保存步骤打开Excel点击上方菜单的“视图”,点击“宏”,在下拉菜单中选择录制宏。在弹出对话框中,给宏取个名字后点击“确定”在Sheet1中选择A列,复制后粘贴到sheet2的A列,在到“宏”菜单中点击“停止录制”在点击保存的时候会弹出一个提示框,注意:如果要保存宏,要点击“否

    2022年6月28日
    52
  • 手把手教你如何将图片“嵌入”网页中

    手把手教你如何将图片“嵌入”网页中将图片“嵌入”网页中

    2022年5月27日
    84
  • 它们的定义UIAlertView

    它们的定义UIAlertView

    2022年1月8日
    40
  • Claude Code 10个必装的 Skills 完全指南(2026)

    Claude Code 10个必装的 Skills 完全指南(2026)

    2026年3月18日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号