校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識(shí)庫 > jsp、css中引入外部資源相對(duì)路徑問題分析

jsp、css中引入外部資源相對(duì)路徑問題分析

熱門標(biāo)簽:地圖標(biāo)注線上教程 四川保險(xiǎn)智能外呼系統(tǒng)商家 杭州ai語音電銷機(jī)器人功能 杭州語音電銷機(jī)器人軟件 電銷機(jī)器人是有一些什么技術(shù) 商洛電銷 電銷機(jī)器人好賣么 北票市地圖標(biāo)注 高德地圖標(biāo)注樣式

在jsp頁面中添加base,可用相對(duì)路徑:

復(fù)制代碼 代碼如下:

%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

然后在head>標(biāo)簽內(nèi)添加base

base href="%=basePath%>">/base>

 在本頁面中“直接”引入外部文件時(shí),可直接

復(fù)制代碼 代碼如下:

script src="js/common/jquery-1.11.1.min.js" language="javascript"
    type="text/javascript">/script>
script src="js/common/frame.js" language="javascript"
    type="text/javascript">/script>
link href="css/common/frame.css"
    rel="stylesheet" type="text/css" />
link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

同理,本頁面中的css類

復(fù)制代碼 代碼如下:

.top {
    position: absolute;
    left: 0;
    top: 95px;
    right: 0;
    height: 120px;
    background: url(images/common/title.jpg) repeat-x
}

====================例外情況:引入的外部css、js文件又引入image等時(shí)=================================

這時(shí)候如果也用相對(duì)路徑的話,因?yàn)橐呀?jīng)不在了jsp頁面中,此時(shí)相對(duì)路徑是相對(duì)于本css文件所在的目錄:

如:棠棣新系統(tǒng),index.jsp頁面中引入的css文件

link href="css/common/frame.css" rel="stylesheet" type="text/css" />這時(shí)在jsp頁面中,引入的js/common/frame.js是從網(wǎng)站跟目錄開始尋找,沒問題。

但在frame.js中有如下css

復(fù)制代碼 代碼如下:

.show_menu{
    background-image: url(images/left_bg.gif);
    background-repeat: repeat-y;
    background-position:285px 51px;
}

這種情況下直接url(images/left_bg.gif);是默認(rèn)從本css文件所在目錄(/css/common/frame.css)+url(images/left_bg.gif),所以此處需要的image需要單獨(dú)配置,

改成

復(fù)制代碼 代碼如下:

.show_menu{
    background-image: url(../../images/left_bg.gif);
    background-repeat: repeat-y;
    background-position:285px 51px;
}

標(biāo)簽:貴州 云浮 紅河 西藏 宿州 丹東 江西 青島

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《jsp、css中引入外部資源相對(duì)路徑問題分析》,本文關(guān)鍵詞  jsp,css,中,引入,外部,資源,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《jsp、css中引入外部資源相對(duì)路徑問題分析》相關(guān)的同類信息!
  • 本頁收集關(guān)于jsp、css中引入外部資源相對(duì)路徑問題分析的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 墨江| 福贡县| 田阳县| 江达县| 凌海市| 泰兴市| 腾冲县| 山西省| 太谷县| 上虞市| 邹平县| 临泉县| 平安县| 余庆县| 哈巴河县| 连山| 石屏县| 松江区| 上林县| 阿合奇县| 浦江县| 柳州市| 武汉市| 沙雅县| 舒兰市| 乌拉特后旗| 贵港市| 潮州市| 瓮安县| 贵定县| 沂水县| 平潭县| 勐海县| 建湖县| 清镇市| 青冈县| 南漳县| 措勤县| 蓝田县| 尖扎县| 辽源市|