js获取当前页面url网址信息

	var url;
 
	url = window.location.href; /* 获取完整URL */
	alert(url); /* http://127.0.0.1:8020/Test/index.html#test?name=test */

	url = window.location.pathname; /* 获取文件路径（文件地址） */
	alert(url); /* /Test/index.html */

	url = window.location.protocol; /* 获取协议 */
	alert(url); /* http */

	url = window.location.host; /* 获取主机地址和端口号 */
	alert(url); /* http://127.0.0.1:8020/ */

	url = window.location.hostname; /* 获取主机地址 */
	alert(url); /* http://127.0.0.1/ */

	url = window.location.port; /* 获取端口号 */
	alert(url); /* 8020 */

	url = window.location.hash; /* 获取锚点（“#”后面的分段） */
	alert(url); /* #test?name=test */

	url = window.location.search; /* 获取属性（“?”后面的分段） */
	alert(url);

	/* 如果需要URL中的某一部分，可以自己进行处理 */
	url = window.location.pathname;
	url = url.substring(url.lastIndexOf('/') + 1, url.length);
	alert(url); /* /index.html */

	/* 
	 * 如果页面使用了框架（frameset）
	 * 要获取到指定页面的URL
	 * 只要把window换成指定的页面即可
	 */
	/* 'frame'为指定页面的class名 */
	var url = window.parent.frames['frame'].location.href;
	/* 获取当前地址栏中显示的URL */
	var url = window.parent.location.href;
	/* window parent 可互换 */
	var url = parent.window.location.href;

保存用

window.location.pathname
设置或获取对象指定的文件名或路径。

例：http://localhost:8080/demo/index?uid=119

输出：/demo/index

window.location.href
设置或获取整个 URL 为字符串。

例：http://localhost:8080/demo/index?uid=119

输出：http://localhost:8080/demo/index?uid=119

window.location.port
设置或获取与 URL 关联的端口号码。

例：http://localhost:8080/demo/index?uid=119

输出：8080

window.location.protocol
设置或获取 URL 的协议部分。

例：http://localhost:8080/demo/index?uid=119

输出：http:

window.location.hash
设置或获取 href 属性中在井号“#”后面的分段。
这个属性可以在一些单页应用很好的使用

例：http://localhost:8001/#/login

输出：#/login

window.location.host
设置或获取 location 或 URL 的 hostname 和 port 号码。

例：http://localhost8080/demo/index?uid=119

输出：localhost:8080

window.location.search
设置或获取 href 属性中跟在问号后面的部分。

例：http://localhost:8080/demo/index?uid=119

输出：?uid=119

window.location

一. 获取当前页面的 url地址

window.location

以http://localhost:8080/home?id=123地址为例

1. url 地址

   方法：window.location.href
   结果： http://localhost:8080/home?id=123

2. 地址协议

   方法：window.location.protocol
   结果： http:

3. 域名 + 端口

   方法：window.location.host
   结果： localhost:8080

4. 域名

   方法：window.location.hostname
   结果： localhost

5. 域名

   方法：window.location.port
   结果： 8080

6. 路径

   方法：window.location.pathname
   结果： /home

7. 请求的参数

   方法：window.location.search
   结果： ?id=123

8. 协议 + 域名 + 端口

   方法：window.location.origin
   结果： http://localhost:8080

二. 获取当前网址url 后的指定参数

// 获取当前网址url 后的指定参数
function getQueryString(name) {
    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    }
    return null;
}
//https://www.baidu.com/?tn=48021271_15_hao_pg
let res = getQueryString("tn");
console.log(res);