JavaWeb中三種URL地址 (No.2)

在HTML(假設(shè)當(dāng)前在index.html)的 img 標(biāo)簽中肥卡,想要訪問(wèn)一個(gè)工程中的圖片匀归,需要在HTML文件中指定圖片的所在地址,此時(shí)需要通過(guò) URL地址來(lái)訪問(wèn)

URL地址分為兩種:


(1)相對(duì)URL:

可以通過(guò)兩種相對(duì)URL方式訪問(wèn)一個(gè)圖片資源筝家,這兩種方式的區(qū)別是:一個(gè)是從index.html這個(gè)文件所在的目錄下尋找锅风,一個(gè)是從服務(wù)器的根目錄下尋找兢卵。

如下圖:

①:從當(dāng)前目錄下尋找:

與index.jsp同級(jí)的就是img這個(gè)文件夾蜈首,而圖片在img中所以先找到 img 文件夾岗憋,在找到img1.png即可

故為:img/img1.png

②:從服務(wù)器根目錄下尋找:

在地址的最開(kāi)頭加上一個(gè) / ,代表從服務(wù)器根目錄(相當(dāng)于這里的web文件夾)下檢測(cè)肃晚,而img是web文件夾下的子目錄,故為:

/img/img1.png

補(bǔ)充:需要回退目錄的情況

“ ../? ”??可以相對(duì)于當(dāng)前目錄回退一個(gè)目錄仔戈, 例如:

現(xiàn)在 index.jsp 在img文件夾中关串,需要鏈接到 img 上一級(jí)的web目錄下的 indexCSS.css

所以需要回退一級(jí)目錄,然后直接選擇即可监徘,所以相對(duì)URL地址為:

../indexCSS.css

以上這種是相對(duì)于當(dāng)前目錄的相對(duì)URL晋修,如果使用相對(duì)于服務(wù)器根目錄的相對(duì)URL的話就不需要回退目錄了,即:

/indexCSS.css

這里IDEA把這種從根目錄開(kāi)始找的方式稱為 絕對(duì)路徑凰盔,其實(shí)這個(gè)也算是相對(duì)URL里面的絕對(duì)路徑了墓卦,畢竟不管文件在哪里都是從根目錄開(kāi)始找的,這里IDEA提示我們:在JSP中不推薦使用絕對(duì)地址(第二種相對(duì)URL地址)


絕對(duì)地址:

絕對(duì)地址就是資源文件在我們服務(wù)器中真正的存儲(chǔ)位置

一個(gè)IP地址或者域名代表一個(gè)主機(jī),然后在主機(jī)后面加上具體的文件路徑就構(gòu)成了絕對(duì)地址:

具體看這個(gè)例子:

首先看主頁(yè) index.jsp (原諒我無(wú)處安放的圖片和簡(jiǎn)陋的界面)户敬, 紅色圈劃住的就是絕對(duì)地址

localhost:8080(服務(wù)器主機(jī)) + 服務(wù)器根目錄 + 進(jìn)一步的路徑 = 絕對(duì)地址

接下來(lái)直接訪問(wèn)那個(gè)圖片了:

只需要在上面主頁(yè)的基礎(chǔ)上加上進(jìn)一步的路徑落剪,也就是 根目錄/img/img1.png 就可以訪問(wèn)到這張高清大圖了,如圖:

絕對(duì)地址
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市尿庐,隨后出現(xiàn)的幾起案子忠怖,更是在濱河造成了極大的恐慌,老刑警劉巖抄瑟,帶你破解...
    沈念sama閱讀 217,734評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件凡泣,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)问麸,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門往衷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人严卖,你說(shuō)我怎么就攤上這事席舍。” “怎么了哮笆?”我有些...
    開(kāi)封第一講書人閱讀 164,133評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵来颤,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我稠肘,道長(zhǎng)福铅,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 58,532評(píng)論 1 293
  • 正文 為了忘掉前任项阴,我火速辦了婚禮滑黔,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘环揽。我一直安慰自己略荡,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布歉胶。 她就那樣靜靜地躺著汛兜,像睡著了一般。 火紅的嫁衣襯著肌膚如雪通今。 梳的紋絲不亂的頭發(fā)上粥谬,一...
    開(kāi)封第一講書人閱讀 51,462評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音辫塌,去河邊找鬼漏策。 笑死,一個(gè)胖子當(dāng)著我的面吹牛臼氨,可吹牛的內(nèi)容都是我干的掺喻。 我是一名探鬼主播,決...
    沈念sama閱讀 40,262評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼一也,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼巢寡!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起椰苟,我...
    開(kāi)封第一講書人閱讀 39,153評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤抑月,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后舆蝴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谦絮,經(jīng)...
    沈念sama閱讀 45,587評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡题诵,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了层皱。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片性锭。...
    茶點(diǎn)故事閱讀 39,919評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖叫胖,靈堂內(nèi)的尸體忽然破棺而出草冈,到底是詐尸還是另有隱情,我是刑警寧澤瓮增,帶...
    沈念sama閱讀 35,635評(píng)論 5 345
  • 正文 年R本政府宣布怎棱,位于F島的核電站,受9級(jí)特大地震影響绷跑,放射性物質(zhì)發(fā)生泄漏拳恋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評(píng)論 3 329
  • 文/蒙蒙 一砸捏、第九天 我趴在偏房一處隱蔽的房頂上張望谬运。 院中可真熱鬧,春花似錦垦藏、人聲如沸梆暖。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,855評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)式廷。三九已至咐扭,卻和暖如春芭挽,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背蝗肪。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,983評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工袜爪, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人薛闪。 一個(gè)月前我還...
    沈念sama閱讀 48,048評(píng)論 3 370
  • 正文 我出身青樓辛馆,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親豁延。 傳聞我的和親對(duì)象是個(gè)殘疾皇子昙篙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • ¥開(kāi)啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開(kāi)一個(gè)線程,因...
    小菜c閱讀 6,409評(píng)論 0 17
  • github地址焚辅,歡迎大家提交更新映屋。 express() express()用來(lái)創(chuàng)建一個(gè)Express的程序。ex...
    Programmer客棧閱讀 2,523評(píng)論 0 1
  • 轉(zhuǎn)載自VR設(shè)計(jì)云課堂[http://www.reibang.com/u/c7ffdc4b379e]Unity S...
    水月凡閱讀 1,015評(píng)論 0 0
  • 一同蜻、Python簡(jiǎn)介和環(huán)境搭建以及pip的安裝 4課時(shí)實(shí)驗(yàn)課主要內(nèi)容 【Python簡(jiǎn)介】: Python 是一個(gè)...
    _小老虎_閱讀 5,746評(píng)論 0 10
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒(méi)有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,101評(píng)論 1 32