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

文章目录

  • 什么是location对象?
  • 什么是URL?
  • location对象的属性
  • location对象的方法
  • history对象

什么是location对象?

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

什么是URL?

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

URL的一般语法格式为:

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

[JavaScript] location对象的属性与方法_第1张图片

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

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

location对象的属性

[JavaScript] location对象的属性与方法_第2张图片
重点记住href和search

location对象的方法

[JavaScript] location对象的属性与方法_第3张图片
示例代码:

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

当我们点击按钮的时候,可以实现跳转到csdn。
注意:location.assign()方法跳转页面后点击后退可以返回,实现后退页面但是location.reload()不可以
[JavaScript] location对象的属性与方法_第4张图片

history对象

window对象给我们提供了一个history 对象,与浏览器历史记录进行交互。该对象包含用户(在浏览器窗口中)访问过的URL。
在移动端中应用广泛
[JavaScript] location对象的属性与方法_第5张图片

你可能感兴趣的:(javascript,javascript,前端,开发语言)