在 Javascript/PHP 中处理绝对 URL 的正确方法？

Question

好的，所以我有一些与 URL 重写一起运行的 Javascript；因此，如果我使用相对 URL，它会从错误的位置加载内容。

例如我在 myfunctions.js 中有这个函数：

function loadXMLDoc(url,cfunc) {...

如果我从test.com/a/b/c 传入一个相对网址，它将加载相对于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 的 Javascript 函数来形成绝对 URL？或者将这个 PHP 定义传递给 .js 文件是否可能/一个好主意？

甚至可能有一个重写标志，告诉浏览器忽略 url 中的相对位置，只从根 www 位置加载；但我在上面找不到任何东西。

有什么想法吗？

Answer 1

只需在你的通用文件（header.php）中定义：-

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

并将您的所有 js 包含在此代码下方并访问此 var 以供使用。

Answer 2

包含标签后，使用以下。但请记住，您将无法在 External 中使用该变量

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

因为，PHP 将 ECHO 任何服务器端值并将其作为 HTML 发送，因此 PHP 将发送 BASE_URL 并且此类带有 JavaSCRIPT 的 HTML 将包含在浏览器中。

但是在任何外部 JS 文件中，比如说

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

Answer 3

每当我在测试和实时开发时，我只使用“/css/location/cssfile.css”（这适用于任何文件），这样我就不必修改任何东西。

然后当我的 HTML 加载时，它会从正确的位置调用。以上翻译为：

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

或

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

这将适用于 50 个网站：

/css/location/file.name

适用于：

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

等