jsp或html页面引用外部.css或.js文件时,注意路劲问题,如果设置不当,会引用不到这些外部的文件
假设使用下面的目录结构:
-webapp
|-MyProject 目录
|--WebContent 目录
|---scripts 目录
---dtree.js 文件
|---styles 目录
---main.css 文件
|---pages 目录
---test.jsp 文件
现在例如要在test.jsp中引用scripts目录下的dtree.js和styles目录下的main.css
有如下几种方法:
1.使用相对于jsp页面的相对路径
<link type="text/css" rel="stylesheet" href="../styles/main.css" />
<script type="text/javascript" src="../scripts/dtree.js"></script>
这样在页面使用http://localhost:8080/MyProject/test.jsp访问test.jsp时就可以引用到dtree.js和main.css。
2.使用相对于Web工程的相对路径
对于1中的相对使用相对于于jsp页面的相对路径的这种方式,如果我们是设置action跳转到test.jsp页面,那么这种使用相对路径的方式就引用不到了。
例如我们当访问http://localhost:8080/MyProject/main.do的时候,页面跳转到test.jsp页面,如果使用方法1,就引用不到了。
这个时候我们可以使用相对于Web工程的相对路径来引用:
<link type="text/css" rel="stylesheet" href="styles/main.css" />
<script type="text/javascript" src="scripts/dtree.js"></script>
但是请注意:使用方法2这种方式引用,如果直接访问http://localhost:8080/MyProject/test.jsp,是引用不到的。
3.使用Web工程的绝对路径
方法1和方法2都有缺点,都只适用一种情况,有没有两种情况都适用的呢?答案肯定的!
我们使用绝对路径:
<link type="text/css" rel="stylesheet" href="/MyProject/styles/main.css" />
<script type="text/javascript" src="/MyProject/scripts/dtree.js"></script>
这样,不管是通过http://localhost:8080/MyProject/main.do跳转访问test.jsp还是直接访问http://localhost:8080/MyProject/test.jsp,都可以成功引用。
注意:如果我们在部署Web应用时,没有设置Context Root(一般情况下配置为工程名),也就是IP和端口后面不带应用名,如http://localhost:8080/main.do和http://localhost:8080/test.jsp,这种情况在引用时就不能带工程名了,应该这样:
<link type="text/css" rel="stylesheet" href="/styles/main.css" />
<script type="text/javascript" src="/scripts/dtree.js"></script>
分享到:
相关推荐
jsp文件中引用外部.css或.js文件的路径问题.pdf
在开发javascript插件的过程中,我们有时候需要获取当前JS文件的路径,用于自动加载一些图片、CSS等外部资源,但是javascript文件中并没有像PHP那样的__FILE__常量来供我们取得当前文件路径
大家在html中通常会导入一些外部的css、js文件,而其中一个比较容易被忽视的问题就是路径问题,有时候,我们在css、js中都有通过路径来引入一张图片的需求,当我们采用相对路径的时候,在css和js中引用图片的相对...
最近做项目,完成项目经理布置的任务,开始入门java web,但在开发过程中遇到过许许多多的问题,但是令我最头痛的还是导入外部css一直失效,困扰许久才找出原因。 路径问题 css或者js导入失效最有可能的原因就是...
代码动态添加css文件的引用 HtmlGenericControl myCss = new HtmlGenericControl(); myCss .TagName = link; myCss .Attributes.Add(type, text/css); myCss .Attributes.Add(rel, stylesheet); myCss .Attributes....
Java WEB JS,CSS,HTML压缩,代码注入,静态资源文件引用文件MD5处理等等 ####项目描述该Maven插件在apache的maven-war-plugin插件基础之上扩展配置文件package.conf复制到maven资源文件路径即可 package.conf 配置...
对框架中文件的所有请求都需要经过index.php处理完成,当加载外部的css和js文件的时候要使 用base_url()函数处理外部的链接。 比如: 在config配置文件中的base_url为:” localhost:8080/项目名称/ “ 在控制器中...
每一个文件都有自己的存放位置和路径,理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本。url—统一资源定位器,指的就是每一个网站都具有的独立的地址。同一个网站下的每一个网页都属于同一个地址之...
在将html页面整合到ci框架里面的时候,加载css和js失败,弄了半天发现ci框架是入口的框架,对框架中文件的所有请求都需要经过index.php处理完成,当加载外部的css和js文件的时候要使用base_url()函数处理外部的...
每个独立的模块将自己所需要的js、css、模板、图片等资源放在一起维护,使得模块具备独立性,引用模块的js即可。工程模块:当前工程所开发的模块。这些模块通常跟业务耦合较高。生态模块:从 模块生态 下载的模块,...
主要介绍了如何使用php脚本给html中引用的js和css路径打上版本号,打版本号有个好处就是可以解决外部应用文件实时更新问题,喜欢的朋友一起看看全文吧
更新到fontawesome路径../vendor/8ctopus/sciter-fontawesome/src/css/fontawesome.css在dialog.htm 运行scapp.bat 要在更改 html/css 后刷新应用程序,请单击F5 安装 将src目录添加到您的项目或使用 sciter 包...
节点箱位于路径内通过嵌入式服务器运行(无需安装Apache): 在外壳中运行: 节点basic_server.js组织目录的默认组织如下: html CSS 分js 分img(用于图像) lib(外部资源)Dist文件夹有一个dist文件夹,其中包含3...
简单的python(3.x)程序可从网页下载html源代码以及外部资产(js,css,图像)。 该程序旨在下载网页的源html以及外部资产(js,css,图像)。 它检查外部资产,将其下载并替换它们在下载的源html中的相应路径。 ...
纠正后台皮肤管理的生成CSS样式的个别样式问题 2.文章编辑,获取编辑器图片增加bmp格式图片 3.纠正开启IP库时,如果没发现IP库会出现提示信息而不是页面出错 4.完善 字符串长度截取函数 5.改进前台底部友情链接...