容易

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

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

这将得到base url

var baseurl = window.location.origin+window.location.pathname;

我很惊讶，如果在<base>标签中设置，那么没有答案考虑基url。当前的所有答案都试图获取主机名或服务器名或地址的第一部分。这是完整的逻辑，它也考虑了<base>标记(它可能指的是另一个域或协议):

function getBaseURL(){
  var elem=document.getElementsByTagName("base")[0];
  if (typeof(elem) != 'undefined' && elem != null){
     return elem.href;
  }
  return window.location.origin;
}

Jquery格式:

function getBaseURL(){
  if ($("base").length){
     return $("base").attr("href");
  }
  return window.location.origin;
}

在不涉及上述逻辑的情况下，同时考虑<base>标记和window.location.origin的简写解决方案:

Js:

var a=document.createElement("a");
a.href=".";
var baseURL= a.href;

Jquery:

var baseURL= $('<a href=".">')[0].href

最后注意:对于您计算机中的本地文件(不是主机上的)，window.location.origin只返回文件://，但上面的分类方法返回完整的正确路径。

这是一个简短的例子:

const base = new URL('/'， location.href).href; console.log(基地);

容易

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

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

这是一个非常古老的问题，但以下是我个人使用的方法……

获取标准/基础URL

正如许多人已经指出的，这适用于大多数情况。

var url = window.location.origin;

获取绝对基础URL

但是，这种简单的方法可以用来去掉任何端口号。

var url = "http://" + location.host.split(":")[0];

编辑:为了解决Jason Rice提出的问题，可以使用以下方法自动插入正确的协议类型…

var url = window.location.protocol + "//" + location.host.split(":")[0];

设置基础URL

还有一个好处——基URL可以全局重新定义。

document.head.innerHTML = document.head.innerHTML + "<base href='" + url + "' />";