我试图找到一种相对简单可靠的方法来使用 JavaScript（或 jQuery）从字符串变量中提取基本 URL。
例如，给定如下内容：
http://www.sitename.com/article/2009/09/14/this-is-an-article/
我想得到：
http://www.sitename.com/
正则表达式是最好的选择吗？如果是这样，我可以使用什么语句将从给定字符串中提取的基本 URL 分配给新变量？
我已经对此进行了一些搜索，但是我在 JavaScript 世界中找到的所有内容似乎都围绕使用location.host或类似方法从实际文档 URL 收集此信息。
编辑：有些人抱怨它没有考虑协议。所以我决定升级代码，因为它被标记为答案。对于那些喜欢单行代码的人……很抱歉，这就是我们使用代码最小化器的原因，代码应该是人类可读的，而且这种方式更好……在我看来。
var pathArray = "https://somedomain.com".split( '/' );
var protocol = pathArray[0];
var host = pathArray[2];
var url = protocol + '//' + host;
或者使用下面的Davids 解决方案。
基于 WebKit 的浏览器、Firefox 21 版和当前版本的 Internet Explorer（IE 10 和 11）实现location.origin.
location.origin包括协议、域和可选的 URL端口。
例如，location.originURL 的http://www.sitename.com/article/2009/09/14/this-is-an-article/是http://www.sitename.com。
要定位不支持location.origin使用以下简洁 polyfill 的浏览器：
if (typeof location.origin === 'undefined')
location.origin = location.protocol + '//' + location.host;
不需要使用jQuery，只需使用
location.hostname
没有理由进行拆分以从作为链接的字符串中获取路径、主机名等。你只需要使用一个链接
//create a new element link with your link
var a = document.createElement("a");
a.href="http://www.sitename.com/article/2009/09/14/this-is-an-article/";
//hide it from view when it is added
a.style.display="none";
//add it
document.body.appendChild(a);
//read the links "features"
alert(a.protocol);
alert(a.hostname)
alert(a.pathname)
alert(a.port);
alert(a.hash);
//remove it
document.body.removeChild(a);
您可以使用 jQuery 附加元素并读取其属性轻松完成此操作。
更新：现在new URL()有简化它
const myUrl = new URL("https://www.example.com:3000/article/2009/09/14/this-is-an-article/#m123")
const parts = ['protocol', 'hostname', 'pathname', 'port', 'hash'];
parts.forEach(key => console.log(key, myUrl[key]))var host = location.protocol + '//' + location.host + '/';