使用JS获取当前页面的URL(网址信息)-js模板网

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script>
			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;
		</script>
	</head>
	<body>
	</body>
</html>
————————————————
版权声明：本文为CSDN博主「Devere」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u013288800/article/details/82787641

免责声明：
1、	资源售价只是赞助，不代表代码或者素材本身价格。收取费用仅维持本站的日常运营所需。
2、	本站资源来自用户上传，仅供用户学习使用，不得用于商业或者非法用途，违反国家法律一切后果用户自负。用于商业用途，请购买正版授权合法使用。
3、	本站资源不保证其完整性和安全性，下载后自行检测安全，在使用过程中出现的任何问题均与本站无关，本站不承担任何技术及版权问题，不对任何资源负法律责任。
4、	如有损害你的权益，请联系275551777@qq.com及时删除。

使用JS获取当前页面的URL(网址信息)

第十天 2021-11-06