[JavaScript] location对象的属性与方法

什么是location对象?

window对象给我们提供了一个location属性用于获取或设置窗体的URL,并且可以用于解析URL。因为这个属性返回的是一个对象,所以我们将这个属性也称为location对象。

什么是URL?

通俗点说,URL就是我们所说的网址。
官方点说,URL是对互联网上得到的资源的位置和访问方法的一种简洁表示,是互联网上标准资源的地址。URL它具有全球唯一性,正确的URL应该是可以通过浏览器打开此网页的

URL的一般语法格式为:

protocol :// hostname[:port] / path / [;parameters][?query]#fragment

在这里插入图片描述

比如我的csdn博客url地址:https://blog.csdn.net/qq_49900295
在这里https就是一种通信协议,blog.csdn.net就是域名

我们location对象的目的就是获得或者设置URL

location对象的属性

在这里插入图片描述
重点记住href和search

location对象的方法

在这里插入图片描述
示例代码:

<button>点击跳转</button>
<script>
    var btn = document.querySelector('button');
    btn.addEventListener('click',function() {
        location.assign('https://www.csdn.net/');
    })
 </script>

当我们点击按钮的时候,可以实现跳转到csdn。
注意:location.assign()方法跳转页面后点击后退可以返回,实现后退页面但是location.reload()不可以
请添加图片描述

history对象

window对象给我们提供了一个history 对象,与浏览器历史记录进行交互。该对象包含用户(在浏览器窗口中)访问过的URL。
在移动端中应用广泛
在这里插入图片描述

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

YinJie…

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值