BOM中的location对象

最新推荐文章于 2024-01-25 13:46:34 发布

Ednburgh-

最新推荐文章于 2024-01-25 13:46:34 发布

阅读量312

点赞数 1

文章标签： javascript 前端 html css

本文链接：https://blog.csdn.net/m0_71345904/article/details/125559079

版权

本文介绍了JavaScript中的location对象，包括定义、属性如href、host、port、pathname、search和hash，以及页面自动跳转、search参数的解析方法。重点讨论了location对象的方法，如assign()、replace()和reload()，并提供了代码示例。

摘要由CSDN通过智能技术生成

一，定义

window对象给我们提供一个location属性用来获取URL与解析。
URL：统一资源定位符，互联网上标准资源的地址。互联网的每一个文件都有一个唯一的URL，它包含信息文件的位置，以及浏览器怎么处理。

二，location对象的属性

location.href：获取或者设置整个URL，重点
location.host：获取域名，比如www.baidu.com,通俗理解就是网站的网址
location.port：获取端口号，例如8840
location.pathname：获取路径
Location.search：获取参数，比如：？id=1&name=aa，重点
location.hash ：返回片段，常用于锚链接

代码展示：

<body>
		<!-- location对象 -->
		<input type="button" name="" id="btn" value="点击跳转到百度" />
		<script>
			var btn = document.querySelector('#btn');
			btn.onclick = function(){
				//获得的是本地的路径地址 注意 路径中有中文时  中文会通过urlcode加密处理
				console.log(location.href);
				
				location.href = 'http://www.baidu.com';
			
				console.log(location.host);//获取域名
				console.log(location.port);//获取 端口号
				console.log(location.pathname);//获取路径
				console.log(location.hash);//获取锚