在Javascript/PHP中處理絕對URL的正確方法？

Question

好的，所以我有一些Javascript與URL重寫一起運行;所以如果我使用相對URL，它會從錯誤的地方加載內容。

例如我在myfunctions.js這個功能：

function loadXMLDoc(url,cfunc) {... 

如果我從test.com/a/b/c傳遞一個相對URL就會相對含量加載到test.com/a/b/c而非test.com。

我明顯可以使用絕對URL來解決這個問題，但是我需要這個在測試服務器和活動服務器上工作。

PHP中的當前我使用一個函數來獲取基礎URL並將其替換爲絕對URL。

所以在PHP中，我有：

//On the test server I run: 
define('BASE_URL', 'http://localhost/location/to/www/root'); 

//And on the live server I run: 
define('BASE_URL', 'http://www.test.com/'); 

然後我用這在我的PHP絕對加載圖像，CSS等;這使我可以在測試服務器和活動服務器上使用相同的代碼。

我的問題是;這裏有什麼正確的解決方案？我應該使用類似於我的PHP形式的絕對URL的Javascript函數嗎？或者是否有可能將這個PHP定義傳遞給.js文件？

甚至可能有一個重寫標誌，告訴瀏覽器忽略url中的相對位置，並從根www位置加載;但我找不到任何東西。

任何想法？

Answer 1

只是定義在共同文件（header.php文件）： -

<script> var baseUrl = '<?php echo BASE_URL;?>';</script> 

，幷包括所有的JS把下面這段代碼和訪問該變種使用。

Answer 2

每當我在測試vs live上開發時，我只使用「/css/location/cssfile.css」（這適用於任何文件），這樣我就不必修改任何東西。

然後當我的HTML加載時，它會從正確的位置調用。以上翻譯成：

/css/location/file.name

肯做工作：

http://localhost/location/to/www/root/css/location/cssfile.css 

或

http://test.com/css/location/cssfile.css 

這將爲50位工作

http://localhost/location/to/www/root 
http://localhost/location/to/www/testsite1 
http://localhost/location/to/www/testsite2 
http://localhost/location/to/www/testsite3 

etc

Answer 3

包括標籤後，請使用以下內容。但請記住，你將無法使用該變量的外部

<script> 
    var siteBaseURL = '<?php echo BASE_URL;?>'; 
</script> 

因爲，PHP將ECHO任何服務器端價值，並將其發送的HTML，那麼PHP將發送BASE_URL和這樣的HTML與JavaScript將包括在瀏覽器。

但在任何外部JS文件，如說

<script src="example.js"/> Here you wont be able to access the above variable.