location对象的属性与方法
程序员文章站
2022-06-26 17:52:04
location对象详解Location 对象Location 对象属性Location 对象方法location.assign()location.replace()location.reload()location.href 兼容性问题最近在项目开发中遇到了一个问题，客户的需求是要根据URL中传入的不同参数来显示相对应的客服名称和头像。想要获取到URL可以通过 window.location 的方式，在解决这个问题的过程中，我学到了很知识，在此分享给大家。Location 对象Location...
location对象的属性与方法
最近在项目开发中遇到了一个问题，客户的需求是要根据URL中传入的不同参数来显示相关信息。想要获取到URL可以通过 window.location 的方式，在解决这个问题的过程中，我学到了很知识，在此分享给大家。
Location 对象
- Location 对象包含有关当前 URL 的信息。
- Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。
Location 对象属性
| 属性 | 描述 |
|---|---|
| hash | 设置或返回从井号 (#) 开始的 URL（锚）。 |
| host | 设置或返回主机名和当前 URL 的端口号。 |
| hostname | 设置或返回当前 URL 的主机名。 |
| href | 设置或返回完整的 URL。 |
| pathname | 设置或返回当前 URL 的路径部分。 |
| port | 设置或返回当前 URL 的端口号。 |
| protocol | 设置或返回当前 URL 的协议。 |
| search | 设置或返回从问号 (?) 开始的 URL（查询部分）。 |
Location 对象方法
location.assign()
跟href一样,可以跳转页面(也称为重定向页面),记录历史,可以后退。
例:跳转到百度
location.assign('https://www.baidu.com');
location.replace()
替换当前页面,因为不记录历时,所以不能后退页面。
例:跳转到百度
location.replace('https://www.baidu.com');
location.reload()
强制刷新页面，从服务器重新请求！ (如果有数据提交的话，会提示是否提交的)，迫使浏览器重新下载当前的页面。
本文地址：https://blog.csdn.net/watson243671/article/details/111918258