`
dragonhunter
  • 浏览: 33309 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

关于jsp引用js路径的问题

阅读更多

首先简单介绍一下路径的基本概念:

路径分为当前路径,用./表示;绝对路径,用/表示;上一级路径,用../表示。

在jsp中:我们经常用到<script type="text/javascript" src="/js/jquery/jquery-1.10.2.min.js"></script>

或者<script type="text/javascript" src="js/jquery/jquery-1.10.2.min.js"></script>

 

注意2个src,只是第一个比第二个多一个/,第一个表示绝对路径。第二个表示当前路径。该路径都是针对浏览器的。

比如访问http://localhost:8080/web/index.jsp(web为项目名称),你用上面两种都可以引用到js(注:有的java web容器的绝对路径表示http://localhost:8080,所以第1种src要写成/web/js/jquery/jquery-1.10.2.min.js)。

但是如果你的index.jsp在common的文件下,你的访问路径为http://localhost:8080/web/common/index.jsp,

第一种是可以正常引用到js,但第二种就引用不了,实际是引用的http://localhost:8080/web/common/js/....

当然就找不到了,所以推荐使用绝对路径来引用js和css,当然你也可以用basepath来解决。

 

 

分享到:
评论

相关推荐

    jsp文件中引用外部.css或.js文件的路径问题.pdf

    jsp 文件中引用外部.css 或.js 文件的路径问题 在 Web 开发中,引用外部的.css 或.js 文件是非常常见的操作。然而,在 jsp 文件中引用外部.css 或.js 文件的路径问题却是很多开发者容易忽视的细节。本文将详细讲解...

    JSP中绝对路径与相对路径

    ### JSP中绝对路径与相对路径的理解与应用 #### 一、引言 在Web开发中,路径的选择对于页面间的跳转以及资源的加载至关重要。本文将深入探讨JSP(JavaServer Pages)环境中绝对路径与相对路径的区别及其应用场景,...

    JSP 页面中用绝对路径显示图片

    例如,可以将静态资源如图片、CSS、JavaScript文件等放在一个统一的公共目录下,然后使用绝对路径引用。同时,为了提高性能和减少HTTP请求,可以使用像Apache Tomcat这样的服务器配置来指定静态资源的路径,比如通过...

    JSP相对路径的练习

    在JavaServer Pages (JSP) 开发中,理解并熟练运用相对路径是非常关键的技能,尤其是在处理页面间的链接、资源引用以及文件操作时。相对路径是相对于当前文档位置的路径,与之相对的是绝对路径,它是从文件系统根...

    jsp_选择文件夹的路径

    本文将详细介绍一种通过JavaScript调用Windows Shell API来实现文件夹选择的方法,并在JSP页面上展示所选文件夹的路径。 #### 解决方案详解 ##### 1. 调用Windows Shell API 为了实现文件夹的选择,我们可以利用...

    Jsp选择路径.rar

    在JSP中,绝对路径通常用于跨应用或外部资源的引用。 - **相对路径**:相对于当前文件的路径。在同一个应用内部,相对路径更常用,因为它简化了路径管理,尤其是在项目结构发生变化时。 2. **JSP中的路径引用** -...

    Jsp结合ElementUI要用的js和css

    或者,如果你已经将vue.js文件下载到本地,你可以直接引用本地路径: ```html &lt;script src="path/to/vue.js"&gt; ``` 2. 引入Element UI 对于Element UI 2.13.0,同样需要在`&lt;head&gt;`中引入js和css文件。添加以下代码...

    一个Jsp弹出窗口

    3. JSP文件:可能有一个主JSP页面,如`index.jsp`,其中包含了HTML结构和JavaScript引用,以及可能需要的后端逻辑。 在JSP中,我们可以使用EL(Expression Language)和JSTL(JavaServer Pages Standard Tag ...

    kindEditor编辑器用jsp标签引用

    1 在head中引入kindeditor的js代码,注意kindeditor.js的路径 &lt;script type="text/javascript" charset="utf-8" src="kindEditor/kindeditor.js"&gt; 2在要显示编辑器的地方加下面代码 &lt;jsp:include page=...

    jsp运行时的问题集合

    开发者需要理解`()%&gt;`获取应用的根路径,以及如何正确引用静态资源如CSS、JavaScript文件和图片。 3. **jdbc连接sqlserver2005.txt** 连接SQL Server 2005需要合适的驱动,如Microsoft JDBC Driver。文件可能详细...

    KinEditor集成JSP例子并支持jsp显示服务器非部署路径下图片

    本示例是关于如何在JSP(JavaServer Pages)环境中集成KinEditor,并实现图片上传到服务器非部署路径的功能。 首先,我们需要了解JSP的基本概念。JSP是一种动态网页技术,允许开发者在HTML或XML文档中嵌入Java代码...

    路径问题解决方案.txt

    JSP页面中的路径通常用于指定资源文件的位置(如图片、CSS、JavaScript等),以及进行服务器端的请求转发或重定向。这些路径可以是相对路径也可以是绝对路径。根据路径的不同类型,可能会出现以下几种常见问题: 1....

    java开发中的路径问题

    - HTML表单的`action`属性、JavaScript引用的资源路径等都是基于服务器根目录的,例如,提交到`/webapp/user/a.jsp`或`/handleservlet`。 **4. JSP/Servlet中获取路径** - 在JSP中,可以使用`request....

    java(Web)中相对路径,绝对路径问题总结

    **服务器端路径**是指在服务器端进行解析的路径,这类路径主要用于内部资源的引用,例如在Servlet或JSP中。 #### 2.1 服务器端的地址 - **Forward**: 在Servlet中使用`request.getRequestDispatcher(address)`时,...

    jsp、css中引入外部资源相对路径问题分析

    本文针对在JSP页面中引用CSS和JavaScript等外部资源时可能遇到的路径问题进行了深入分析,并提供了一些解决方案。 首先,我们来探讨JSP中如何正确使用base标签来解决相对路径问题。在JSP页面中,我们可以利用请求...

Global site tag (gtag.js) - Google Analytics