亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

HTML中的base標簽使用詳解

2019-10-26 17:05:38
字體:
來源:轉載
供稿:網友

在requireJS中,有一個屬性叫baseURL,通過設置baseURL,我們可以將需要加載的文件路徑寫成相對于項目的,而不是相對于當前頁面的。

例如:假設我們的項目目錄是/myproject/,里面有兩個頁面,一個是/myproject/one.html,另一個是/myproject/html/other.html,他們都要加載/myproject/js/some.js。如果我們將baseURL設置成/myproject/,則我們在加載該js的時候,這兩個頁面都可以使用相對于項目的路徑./js/some,而不是因為頁面的路徑不同而使用不同的相對路徑。

但是如果不使用requireJS,我們能不能實現類似于baseURL的功能呢?

base標簽
其實,HTML中有一個base標簽,可以產生類似的功能。舉個例子:

復制代碼
代碼如下:
<html>
<head>
<base />
</head>
<body>
<img src="./images/logo_gray.gif" />
</body>
</html>

我們會發現,我們用相對路徑./images/logo_gray.gif加載的圖片,卻變成了http://static.cnblogs.com/images/logo_gray.gif的圖片。

base標簽可以給頁面的鏈接加上默認的路徑,或者默認的打開方式。

下面是一個設置默認打開方式的例子:

復制代碼
代碼如下:
<html>
<head>
<base target="_blank" />
</head></p><p><body>
<a >這個頁面會在新窗口打開</a>
<a >這個頁面也會在新窗口打開</a>
</body>
</html>

一個BUG
base標簽最好不要動態寫入,否則在Firefox和IE中會有一個小bug,比如對于頁面http://localhost/static/test.html:

復制代碼
代碼如下:
<html>
<head>
<script>
document.write('<base href="http://localhost/" />');
</script>
</head></p><p><body>
<img src="static/1.jpg" />
</body>
</html>

Firefox和IE中會先加載http://localhost/static/static/1.jpg,然后再加載http://localhost/static/1.jpg。也就是說,他們都先嘗試用相對于當前頁面的路徑進行加載,然后再通過base標簽設置的默認路徑加載。

Chrome的加載正常。

Firefox的加載不正常。

 

Why?

這個我們并沒有找到很好的解釋,我們的分析是瀏覽器對資源加載進行了優化,導致動態插入base標簽并未生效時,就預先去加載了,結果出錯,然后base標簽生效于是又加載正確的資源。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产免费一区二区三区香蕉精| 国产伊人精品在线| 国产精品夜色7777狼人| 91久久国产综合久久91精品网站| 欧美激情视频网| 精品成人乱色一区二区| 日韩中文字幕免费| 日韩av综合网站| 国产成人精品日本亚洲| 久久久电影免费观看完整版| 国产亚洲精品成人av久久ww| 九九视频直播综合网| 成人激情视频网| 国产午夜精品全部视频在线播放| 奇门遁甲1982国语版免费观看高清| 理论片在线不卡免费观看| 亚洲视频免费一区| 宅男66日本亚洲欧美视频| 亚洲综合中文字幕68页| 中文字幕av日韩| 日韩在线一区二区三区免费视频| 26uuu日韩精品一区二区| 全色精品综合影院| 欧美黄网免费在线观看| 亚洲精品国产精品自产a区红杏吧| 久久久成人精品视频| 久久噜噜噜精品国产亚洲综合| 久久理论片午夜琪琪电影网| 日韩大片免费观看视频播放| 日韩av在线直播| 欧美在线中文字幕| 精品国产乱码久久久久久虫虫漫画| 久久精品久久精品亚洲人| 国产女人18毛片水18精品| 成人久久18免费网站图片| 欧美大肥婆大肥bbbbb| 97精品一区二区视频在线观看| 久久久久久久国产精品| 欧美日韩免费在线观看| 国产精品人人做人人爽| 日韩欧美国产激情| 51午夜精品视频| 亚洲精品久久7777777| 成人av.网址在线网站| 亚洲第一av网| xvideos亚洲人网站| 色哟哟入口国产精品| 亚洲a级在线观看| 国产精品久久久久久久久久久不卡| 成人中心免费视频| 日韩中文视频免费在线观看| 成人国产精品一区二区| 国产香蕉一区二区三区在线视频| 免费91在线视频| 欧美另类老女人| 国内精品久久久久久| 欧美在线一区二区三区四| 欧美成人高清视频| 色先锋资源久久综合5566| 国产亚洲视频在线| 日韩精品在线视频| 色综合影院在线| 久久久久久国产精品美女| 精品国产精品三级精品av网址| 欧美在线视频观看免费网站| 有码中文亚洲精品| 国产精品专区一| 久久视频国产精品免费视频在线| 激情懂色av一区av二区av| 91视频国产高清| 亚洲精品www| 欧美极品少妇全裸体| 亚洲国产天堂久久国产91| 国产va免费精品高清在线| 欧美成人精品激情在线观看| 中文字幕综合在线| 日韩电影中文字幕在线观看| 日韩精品在线播放| 久久综合网hezyo| 亚洲成人av中文字幕| 成人在线视频福利| 成人精品一区二区三区| 91久久夜色精品国产网站| 亚洲精品久久7777777| 在线观看精品国产视频| 精品视频在线播放色网色视频| 色诱女教师一区二区三区| 日韩中文字幕不卡视频| 欧美电影免费观看电视剧大全| 亚洲精品日韩激情在线电影| 中文字幕精品国产| 国产亚洲精品高潮| 亚洲成av人片在线观看香蕉| 国产精品网红直播| 欧美视频在线观看 亚洲欧| 久久精品国产综合| 91精品国产色综合久久不卡98| 亚洲影院在线看| 日韩在线播放视频| 亚洲一区二区中文字幕| 久久精彩免费视频| 欧美日韩在线一区| 国产福利成人在线| 久久久久久久999| 亚洲精品免费av| 日韩在线视频网| 这里只有精品在线播放| 久久久久久com| 久久九九国产精品怡红院| 亚洲男女自偷自拍图片另类| 最近更新的2019中文字幕| 91超碰caoporn97人人| 高清一区二区三区四区五区| 91久久久久久| 国产激情视频一区| 欧美激情亚洲激情| 久久艹在线视频| 欧美一区二三区| 日韩中文字幕久久| 国产在线拍揄自揄视频不卡99| 国产成人精品999| 亚洲曰本av电影| 国产精品爽黄69| 国产午夜精品全部视频在线播放| 宅男66日本亚洲欧美视频| 久久久伊人欧美| 亚洲欧美日韩一区二区三区在线| 日韩视频免费在线观看| 亚洲91精品在线观看| 91高潮在线观看| 日韩网站免费观看| 国产精品扒开腿做爽爽爽视频| 日韩最新在线视频| 亚洲第一视频网| 亚洲成人999| 欧美美女15p| 欧美激情亚洲另类| 亚洲free嫩bbb| 亚洲男人天堂古典| 欧美肥老太性生活视频| 久久免费视频在线观看| 久操成人在线视频| 久久精品国产综合| 亚洲免费视频在线观看| 日韩欧美在线免费观看| 色婷婷综合久久久久中文字幕1| 91精品国产色综合久久不卡98口| 久久艳片www.17c.com| 国产精品黄色av| 久久久久日韩精品久久久男男| 91社区国产高清| 亚洲欧美国内爽妇网| 国产精品一区二区三区久久久| 国产一区视频在线播放| 91影视免费在线观看| 日韩在线播放视频| 两个人的视频www国产精品| 国产精品国产自产拍高清av水多| 久久噜噜噜精品国产亚洲综合| 国产精品三级美女白浆呻吟| 国产精品久久久精品| 久久久久久久国产| 日韩成人在线免费观看| 国产精品视频久久久|