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

2024-07-14 19:33:53| 来源: 网络整理| 查看: 265

文章目录什么是location对象？什么是URL?location对象的属性location对象的方法history对象

什么是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对象的方法

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

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

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

history对象

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

【本文地址】

公司简介

联系我们

今日新闻