在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 href="http://static.cnblogs.com/" />
</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 href="http://www.cnblogs.com">這個頁面會在新窗口打開</a>
<a href="http://justany.cnblogs.com">這個頁面也會在新窗口打開</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標簽生效于是又加載正確的資源。
如何避免呢？不動態寫入base標簽那么就沒有任何問題。如果需要動態寫入base標簽，那么頁面所有引用的外部資源都需要通過JAVAscript動態加載。
本文由建站免費素材圈sucaiq.com分享！！！
如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對素材圈的支持！若你覺得本文
對你有幫助，歡迎轉載，煩請注明出處，謝謝！
