Regex提供了更大的灵活性。

    //document.location.href = "http://aaa.bbb.ccc.com/asdf/asdf/sadf.aspx?blah
    //1.
     var r = new RegExp(/http:\/\/[^/]+/);
     var match = r.exec(document.location.href) //gives http://aaa.bbb.ccc.com

    //2. 
     var r = new RegExp(/http:\/\/[^/]+\/[^/]+/);
     var match = r.exec(document.location.href) //gives http://aaa.bbb.ccc.com/asdf

有两种方法。第一个答案是另一个答案的变体，但这个答案说明了非默认端口:

function getRootUrl() {
  var defaultPorts = {"http:":80,"https:":443};

  return window.location.protocol + "//" + window.location.hostname
   + (((window.location.port)
    && (window.location.port != defaultPorts[window.location.protocol]))
    ? (":"+window.location.port) : "");
}

但我更喜欢这个更简单的方法(适用于任何URI字符串):

function getRootUrl(url) {
  return url.toString().replace(/^(.*\/\/[^\/?#]*).*$/,"$1");
}

假设您有一个页面，其地址为http://sub.domain.com/virtualPath/page.htm。

使用下面的页面代码来实现这些结果:

更新:关于.origin

*****正如引用所述，window.location.origin的浏览器兼容性并不清楚。我在chrome中检查了它，如果端口不是80，它返回http://sub.domain.com:port，如果端口是80，则返回http://sub.domain.com。

特别感谢@torazaburo向我提到这一点。

Try

document.location.host

or

document.location.hostname

我想具体说明一些事情。如果有人想要得到完整的url路径像我需要的，可以使用:

var fullUrl = window.location.protocol + "//" + window.location.hostname + window.location.pathname;

还有另一个hack我使用，从来没有看到任何StackOverflow响应: 使用图像的“src”属性将生成站点的完整基本路径。 例如:

var dummy = new Image;
dummy.src = '$';                  // using '' will fail on some browsers
var root = dummy.src.slice(0,-1); // remove trailing '$'

在http://domain.com/somesite/index.html这样的URL上， Root将被设置为http://domain.com/somesite/。 这也适用于localhost或任何有效的基本URL。

注意，这将导致对$ dummy映像的HTTP请求失败。 您可以使用现有的映像来避免这种情况，只需稍微修改代码。

另一种变体使用虚拟链接，对HTTP请求没有副作用:

var dummy = document.createElement ('a');
dummy.href = '';
var root = dummy.href;

不过，我并没有在每个浏览器上测试它。