当前位置:首页 > 日记 > 正文

外部资源到JSP和CSS的相对路径分析

外部资源到JSP和CSS的相对路径分析
向JSP页面添加基可以用作相对路径:

复制代码代码如下所示:

<

字符串路径= request.getcontextpath();

字符串修改表情= request.getscheme(+) / /:

+ request.getservername()+:+ request.getserverport()

路径+ ;

%>
然后在标签上添加基

>

当外部文件直接在这个页面中引入时,它可以是直接的。

复制代码代码如下所示:

<脚本src=JS / / jquery-1.11.1。版语言=Javascript

类型

脚本

类型

<链接href =CSS / / CSS框架。

rel=样式表type=文本/ CSS />
同样,这个页面中的CSS类

复制代码代码如下所示:

{。顶

位置:绝对;

左:0;

上图:95px;

权利:0;

身高:120px;

背景:URL(图像 / /标题图片)repeat-x

}
====================例外:外部CSS的引入,JS文件和图像时引入=================================

此时,如果相对路径也被使用,因为它不在JSP页面中,相对路径相对于CSS文件所在的目录。

如:Tang Di的新系统,介绍CSS文件index.jsp页面

这时在JSP页面的JS介绍 / / frame.js是从网站和目录开始寻找,没问题。

但在frame.js,还有下面的CSS

复制代码代码如下所示:

show_menu {。

背景图像:URL(图像/ left_bg .webp);

背景:纵向重复重复;

背景位置:285px 51px;

}
在这种情况下,直接的URL(图像/ left_bg .webp)是默认的CSS文件所在的目录( / / / CSS框架,CSS)+网址(图像/ left_bg .webp),因此图像需要在这里需要单独配置。

改变

复制代码代码如下所示:

show_menu {。

背景图像:URL(。 / / / left_bg ..图像,GIF);

背景:纵向重复重复;

背景位置:285px 51px;

}

相关文章

对CDR段落快速排版的详细说明

对CDR段落快速排版的详细说明

详细说明,段落,快速,电脑软件,CDR,本教程是关于如何在CDR中表达段落的技巧。适合初学者学习,专家可以自动浮动。我希望你能帮助本教程。好的,让我们看一看。 本教程喜欢CDR学习者介绍CDR段落文字快速排版技巧,教程比较简单,适合新手,高手请高手…

CorelDRAW产生了很强的质感的金属

CorelDRAW产生了很强的质感的金属

很强,质感,按钮,不锈钢,产生了,本教程介绍金属涂层的不锈钢按钮制作方法CorelDraw纹理的一个朋友很强,教程的按钮很漂亮,很有质感。推荐,喜欢的朋友可以跟着教程学习 CorelDRAW在广告的世界是非常有用的,现在是很好的学习如何制作按钮。学会跟…

PS图象处理软件让美丽的秋天红蓝效

PS图象处理软件让美丽的秋天红蓝效

图象,树林里,处理软件,秋天,效果,素材图片主色为绿色,当放入主色橙红色时,则在高光中加入少许黄色,深蓝色和紫色则可以添加多一点。 素材图片主色为绿色,当放入主色橙红色时,则在高光中加入少许黄色,深蓝色和紫色则可以添加多一点。 原 最终效…

在草地的美丽和秋辉PS图象处理软件

在草地的美丽和秋辉PS图象处理软件

图象,草地,处理软件,美丽,电脑软件,因为这张照片没有阳光,当我们需要把整个主色调变成暖色时,我们就在局部增加了黄色和高光泽,模拟了阳光的效果,增加了一点冷色,增强了层次感。 材料图片中没有阳光。当我们调整颜色时,我们需要把整个主色调变成…

jQuery中过滤方法使用的实例分析

jQuery中过滤方法使用的实例分析

过滤,实例分析,方法,电脑软件,jQuery,本文演示了过滤器方法在jQuery中的用法,供大家参考,具体分析如下: 筛选器()方法将匹配元素集减为与指定选择器相匹配的元素。 筛选器方法中的参数可以是一个字符串值,其中包含一个选择器表达式,用于匹配当前…

对buffer.buffer.bytelength方法在

对buffer.buffer.bytelength方法在

使用说明,方法,电脑软件,buffer,bytelength,方法显示: 获取字符串的字节长度。 这个函数是不同的string.prototype.length,它返回一个字符串中的字符数。 Grammar: 复制代码代码如下所示: Buffer.byteLength(编码字符串,{ }) 接收参数: 字符…

ps实际实用技能:曲线、滤镜、智能对

ps实际实用技能:曲线、滤镜、智能对

智能,曲线,对象,滤镜,字体,以下萧边为您带来PS的实践技能:曲线、过滤器、智能对象和字体。非常适合初学者学习。建议喜欢和朋友一起学习。 以下为PS带来的实际实用技能:曲线、滤镜、智能对象和字体…

PHP静态文件生成类实例

PHP静态文件生成类实例

静态文件,实例,电脑软件,PHP,本文演示了PHP静态文件生成类,供大家参考。 具体实现代码如下: 复制代码代码如下: 类createhtml { 函数mkdir($前缀= 'article) { Y元=日期(Y); 美元=日期(); 美元=日期; P = directory_separator; 路径= 'arti…

对transport.jsjQuery的矛盾的解决

对transport.jsjQuery的矛盾的解决

矛盾,电脑软件,transport,jsjQuery,问题的原因: / / transport.js js文件 object.prototype.tojsonstring =功能({ ************** }) 580行和590行之间的句子用于格式化JSON。它重构对象的结构,从而导致JS框架冲突。如果我们想解决这个问题,…

ajaxform和ajaxsubmit糊可作为示例

ajaxform和ajaxsubmit糊可作为示例

示例代码,电脑软件,ajaxform,ajaxsubmit,复制代码代码如下所示: 要改变这一模板,模板|选择工具 并在编辑器中打开模板。 / / ajaxform VaR运算= { { DataType:文本 类型:'post, 网址:处理PHP 。 beforesubmit:showrequest, 成功:showresponse, Cle…

为jquery.position置换法安全()方法

为jquery.position置换法安全()方法

价值,方法,电脑软件,jquery,position,调用jquery.position()方法返回的位置相对于父元素。jQuery的官方文档描述了它不同于偏移()方法..偏移量()返回相对于文档的位置,而位置()返回相对于父元素的位置。 但事实上,在使用过程中,我们发现位置()返回的值…

ajax异步异步实现

ajax异步异步实现

异步,电脑软件,ajax,复制代码代码如下所示: $(# btn_savefwsb)。Click(function(){) Var obj=checkData (ARR); 如果(obj。旗= = true){ HideAddDiv(); $ ajax({ 类型:邮政 网址: / / doinsertfwzt VTS的事。 异步: / /假,AJAX同步 数据: 成功:函数(数据){ 如果(d…