如何获得与jquery或javascript的基础url ?

在joomla php中，我可以使用$this->baseurl来获得基本路径，但我想在jquery中获得基本路径。

基本路径可以是以下示例中的任意一个:

http://www.example.com/
http://localhost/example
http://www.example.com/sub/example

例子也可能改变。

当前回答

我建议每个人在开发中创建HTML基础标签，然后动态分配href，所以在生产中，无论客户端使用什么主机，它都会自动适应它:

<html>
 <title>Some page title</titile>
  <script type="text/javascript">
    var head  = document.getElementsByTagName('head')[0];
    var base = document.createElement("base");
    base.href = window.document.location.origin;
    head.appendChild(base);
  </script>
 </head>
 ...

因此，如果您在localhot:8080中，您将从基中访问每个链接或引用的文件，例如:http://localhost:8080/some/path/file.html 如果你在www.example.com，它将是http://www.example.com/some/path/file.html

还要注意的是，你所在的每个位置，你不应该在hrefs中使用像glob这样的引用，例如:父位置导致http://localhost:8080/而不是http://localhost:8080/some/path/。

假装你引用所有的超链接作为完整的句子没有bas url。

2018-02-03 12:08:26

其他回答

容易

$('<img src=>')[0].src

生成一个带有空src-name的img会迫使浏览器自己计算base-url，不管你是否有/index.html或其他什么。

2018-03-15 12:37:42

您提到example.com可能会更改，因此我怀疑实际上您需要基本url，以便能够为脚本使用相对路径表示法。在这种特殊情况下，不需要使用脚本-而是添加base标签到你的头:

<head>
  <base href="http://www.example.com/">
</head>

我通常通过PHP生成链接。

2017-12-05 15:34:20

你可以很容易地得到它:

var currentUrl = window.location.href;

或者，如果你想要原始的URL，使用:

var originalUrl = window.location.origin;

2020-08-21 05:35:46

这条会帮助你……

var getUrl = window.location;
var baseUrl = getUrl .protocol + "//" + getUrl.host + "/" + getUrl.pathname.split('/')[1];

2014-08-08 12:11:28

如果有人想把它分解成一个非常健壮的函数

    function getBaseURL() {
        var loc = window.location;
        var baseURL = loc.protocol + "//" + loc.hostname;
        if (typeof loc.port !== "undefined" && loc.port !== "") baseURL += ":" + loc.port;
        // strip leading /
        var pathname = loc.pathname;
        if (pathname.length > 0 && pathname.substr(0,1) === "/") pathname = pathname.substr(1, pathname.length - 1);
        var pathParts = pathname.split("/");
        if (pathParts.length > 0) {
            for (var i = 0; i < pathParts.length; i++) {
                if (pathParts[i] !== "") baseURL += "/" + pathParts[i];
            }
        }
        return baseURL;
    }

2018-02-07 17:37:22

如何获得与jquery或javascript的基础url ?

推荐文章

最新文章

标签