location.href/location.search/location.pathname区别及用法

最新推荐文章于 2024-06-26 21:30:35 发布

谁动了我的bug

最新推荐文章于 2024-06-26 21:30:35 发布

阅读量1.8k

点赞数 4

分类专栏： JavaWeb 文章标签： location.href/location.search/

本文为whhtjl原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/qq_35393693/article/details/81448214

版权

JavaWeb 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

location.href/location.search/location.pathname区别及用法：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>location.href/location.search/location.pathname区别及用法</title>
	</head>
	<body>
		<script type="text/javascript">
			alert(location.href);
			alert(location.pathname);
		</script>
	</body>
</html>

location.href：返回完整URL。

location.pathname：返回URL的域名（域名IP）后的部分。

既然提到这了，那我们就分析下下面的URL：

http://www.example.com:8080/test.php?user=admin&pwd=admin#login

想得到整个如上的完整url，我们用：location.href;
得到传输协议http:,我们用：location.protocol;
得到主机名连同端口www.example.com:8080，我们用：location.host;
得到主机名www.joymood.cn，我们用：location.hostname;
得到主机后部分不包括问号?后部分的/test.php，就用我们刚才讲的：location.pathname;
得到url中问号?之后井号#之前的部分?user=admin&pwd=admin，我们就用： location.search;
得到#之前的部分#login，我们就用location.hash