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

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

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

在jsp頁(yè)面中添加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>

 在本頁(yè)面中“直接”引入外部文件時(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" />

同理,本頁(yè)面中的css類(lèi)

復(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頁(yè)面中,此時(shí)相對(duì)路徑是相對(duì)于本css文件所在的目錄:

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

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

但在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ì)路徑問(wèn)題分析》,本文關(guān)鍵詞  jsp,css,中,引入,外部,資源,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《jsp、css中引入外部資源相對(duì)路徑問(wèn)題分析》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于jsp、css中引入外部資源相對(duì)路徑問(wèn)題分析的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章