js获取当前域名和端口号以及完整URL_js获取域名和端口-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_40657321/article/details/106332441

一、js获取当前项目域名

	 var domain = document.domain; // http://www.baidu.com
	 var domain = window.location.host;

二、获取项目端口号

var port = location.port; //获取端口号 8080
var host = location.host; //获取主机名+端口号 例如：192.168.0.1:8080

三、获取当前项目URL

URL指的是浏览器的地址栏的网址，其中包括域名+端口号+当前页面的路由,例如： http://www.baidu.com：8080/home/index？a=0&&b=1

    var url = window.location.href;

　　var url = self.location.href;

　　var url = document.URL;

　　var url = document.location;

四、获取当前项目域名+端口+路由

在支付宝支付开发中，遇到需要传url给后端，支付成功后需要跳到自己项目之前的订单页面，这时候用类似 var url = window.location.href;获取url的方法，会出现一个问题，会把后面？后面的参数也带过去，其实我们并不需要后面的参数，我们需要如下： http://www.baidu.com：8080/home/index这种格式，下面的方法可以处理：

 	 const routerIndex = window.location.href.indexOf('?'); // 判断URL后面有没有参数
     const url = window.location.href.slice(0, routerIndex > 0 ? routerIndex : window.location.href.length); // 截取元素URL，获取我们需要的URL地址