西湖的风景是那样的雄伟壮观；湖水是那样清澈；是那样的平静，像一面镜子；湖边的景色是那样的美不胜收。
上午在做一个小项目时，需要从后台取到网页的路径并在前台用JS代码组合成网址再跳转。难度不是很大，主要是需要用到 js 代码获取当前网址的主域名，那么这篇博文，就来和大家说一说，js获取当前网站域名的方法。
js 匹配网址中主域名的方法
在 js 中，可以使用 split() 方法利用字符 '/'，来分割一个网址，并取出它主域名的部分
js代码：
<script>
var url = "https://www.feiniaomy.com/post/522.html";
//以“/”进行分割，urlstr 会是一个数组
var urlstr = url.split("/");
var urls = '';
if (urlstr[2]) {
// urlstr[0] 为 http 协议部份
// urlstr[2] 为 网址域名部份
urls = urlstr[0]+'//'+urlstr[2];
}
alert(urls);
</script>弹出结果：https://www.feiniaomy.com
PS：此方法，只适合处理带有 http 或 https 协议的完整网址，如果输入的是一个项级域名，没有 http 协议的网址，就需要变换一下它的取值方法。
js 获取当前网站域名的方法
上面的代码中，js可以通过一个完整的网址来提取出主域名。如果想提取当前网页地址的主域名，可以使用 window.location.href 来获取当前网页的完整URL地址。
js代码：
<script>
//获取当前网页的完整地址
var url = window.location.href;
var urlstr = url.split("/"); //以“/”进行分割
var urls = '';
if (urlstr[2]) {
urls = urlstr[0]+'//'+urlstr[2];
}
alert(urls);
</script>为了使用方法，可以将此代码自定义成一个函数
函数代码：
<script>
function hosturl(url){
var urlstr = url.split("/"); //以“/”进行分割
var urls = '';
if (urlstr[2]) {
urls = urlstr[0] + '//' + urlstr[2];
}
return urls;
}
</script>调用方式：
<script>
url = hosturl('要提取域名的网址");
</script> 到此这篇关于javascript 获取当前网站域名的方法就介绍到这了。有些事，有些人，是不是如果你真的想忘记，就一定会忘记。更多相关javascript 获取当前网站域名的方法内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
