JS-BOM— —location对象

最新推荐文章于 2024-10-30 18:24:25 发布
最新推荐文章于 2024-10-30 18:24:25 发布
阅读量128 收藏
点赞数
分类专栏： 学习笔记 文章标签： javascript bom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mocoll/article/details/119811294
版权

五、location对象

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

5.1、URL

统一资源定位符(Uniform Resource Locator, URL) 是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL ,它包含的信息指出文件的位置以及浏览器应该怎么处理它。

语法格式：

在这里插入图片描述
在这里插入图片描述

5.2、location 对象的属性

在这里插入图片描述

重点记住: href 和search

5.3、location 对象的方法

在这里插入图片描述

墨_风
关注
专栏目录
从零开始学前端 - 25. JS BOM之Location对象详解及实际应用
qq_39506551的博客
08-12 506
从零开始学前端 - 25. JS BOM之Location对象详解及实际应用 一、Location对象的属性 二、Location对象的方法 三、实际应用 Location 对象是 BOM 中相当重要的一个对象，包含了有关当前页面的所有与 URL 有关的内容。window.location 和 document.location 都是 Location 对象的引用。
JavaScript高级程序设计 第12章---BOM浏览器对象模型
weixin_40794404的博客
08-26 1036
第12章 BOM 本章内容： 理解BOM的核心——window 对象 控制窗口及弹窗 通过location 对象获取页面信息 使用navigator 对象了解浏览器 通过history 对象操作浏览器历史 BOM是使用JavaScript 开发Web 应用程序的核心，提供了与网页无关的浏览器功能对象。
JS BOM之location对象
weixin_34153893的博客
04-02 130
location 对象 location 是最有用的BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location 对象是很特别的一个对象，因为它既是window对象的属性，也是document对象的属性；换句话说，window.location 和 document.location 引用的是同一个对象。 以下是location的所有...
039 BOM
Manta__的博客
04-05 166
BOM 　　 - 浏览器对象模型 　　- BOM可以使我们通过JS来操作浏览器 　　- 在BOM中为我们提供了一组对象，用来完成对浏览器的操作 　　- BOM对象 　　　　　Window　　- 代表的是整个浏览器的窗口，同时window也是网页中的全局对象 　　　　　　Navigator　- 代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器 　　　　　　Location　 - 代表当前浏...
JavaScript之Location对象（BOM）
但愿人长久 千里共婵娟
04-11 288
Location Location 对象存储在 Window 对象的 Location 属性中，表示那个窗口中当前显示的文档的 Web 地址。 location方法 assign(URL) 加载新的URL文档。 location.assign("://www.baidu.com"); reload() 重新加载当前文档 window.loca
Web前端开发技术-BOM其他对象.pptx
07-07
1. **Location对象**： - **URL组成**：URL由protocol（网络协议），host（服务器主机名），port（端口号），path（路径），query（参数）和hash（锚点）组成。 - **location常用属性**： - `location.search`：...
slide-bom:浏览器对象模型 (BOM) 的网页幻灯片
07-10
3. **Location对象**: 用于获取和改变当前页面的URL，包括`href`属性（完整URL）、`hostname`（主机名）和`hash`（URL的锚点部分）等。 4. **History对象**: 记录用户在同一个浏览器窗口浏览过的URL，可以使用`back...
11-BOM-概述和组成对象（window、history、location、navigator、screen、document）
记录java学习日常~
05-17 991
BOM（Browser Object Model）是浏览器对象模型的缩写，指的是由浏览器提供的一组对象和方法，可以通过JavaScript来操作和管理浏览器。全局作用域：Window对象是全局对象，它包含了所有的JavaScript变量和函数。因此，可以在脚本的任何地方访问和修改Window对象的属性和方法。对象层次结构：如果窗口中嵌套了框架，则每个框架都是一个Window对象。Window对象形成了一个对象层次结构，可以通过Window的属性和方法来访问和操作其中的文档和元素。
第10章 JS-Web-API-BOM【内容虽然不多，但是你不能不会】.rar
12-24
6. **Location对象**：与页面URL相关，提供了访问和修改URL的方法。`location.href`获取或设置当前页面的完整URL，`location.reload()`刷新当前页面。 7. **Event对象**：处理页面事件，如点击、鼠标移动等。事件...
js--7.bom对象-4.location
村西头的俏寡妇
02-06 215
1      Location 1.1  概念 location对象提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。 该对象中封装了浏览器的地址栏的信息   1.2  属性和方法 href属性：href属性可以获取或修改当前页面的完整的URL地址，使浏览器跳转到指定页面 assign()：所用和href一样，使浏览器跳转页面，新地址错误参数传递到assign ()方法中
JavaScript BOM之location对象
weixin_30737363的博客
07-25 136
BOM简析 【1】BOM(Browser Object Model)即浏览器对象模型 【2】BOM提供独立于内容 而与浏览器窗口进行交互的对象， 【3】由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window； 【4】BOM由一系列相关的对象构成，并且每个对象都提供了很多方法和属性 【5】BOM缺乏标准，JavaScript语法的标准化组...
web前端学习（四十五）——JavaScript BOM-Location对象、BOM-Cookie实例
★★光亭★★
02-27 9867
web前端学习（四十五）——JavaScript BOM-Location对象、BOM-Cookie实例
JS中BOM的Location对象的用法（assign()、reload()、replace()）
Fantasc的博客
08-14 965
Location：地址栏的信息封装在该对象中，直接打印location能够获取到当前页面的地址栏信息（完整路径）。 alert(location);//会得到当前页面的完整路径 将location修改为一个完整的绝对路径或者相对路径，当前页面会自动跳转到修改路径的页面，并生成相应历史记录。 location = "http://www.baidu.com";//绝对路径，跳转到百度首页 location = "js测试.html";//相路径，跳转到js测试.html页面 Location对象中
JavaScript 的BOM基本操作（location、history、navigator等）
sleepwalker_1992的专栏
06-23 562
1、JavaScript分三个部分： （1）ECMAScript标准--------基本语法 （2）DOM---------Document Object Model 文档对象模型，操作页面元素的 （3）BOM---------Browser Object Model 浏览器对象模型，操作浏览器的 2、基本介绍： （1）所有浏览器都支持 window 对象。它表示浏览器窗口。 （2）浏...
JS学习笔记十一——BOM 操作
weixin_43328954的博客
02-07 1818
BOM 操作 BOM 操作是指操作浏览器相关的内容，其操作范畴包括了：浏览器滚动条、页面历史会退和前进、开启新标签页和关闭当前标签页等。 BOM 全名为 Browser Object Model，是一整套操作浏览器相关内容的属性和方法，这些方法可以用于操作浏览器历史记录、滚动条、页面跳转、标签页的开启和关闭等。 BOM 操作内容： 获取浏览器的可视窗口尺寸 可视窗口指的是除控制台和浏览器头部外，可显示页面内容的窗口位置，其中包含了浏览器滚动条。
CesiumJS 案例 P12：添加指定长宽的图片图层并居中显示（圆点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
最新发布
weixin_52173250的博客
10-30 1103
CesiumJS 案例 P12：添加指定长宽的图片图层并居中显示（圆点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
基于vue框架的的汇生活家居商城的设计与实现bdjlq（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
10-29 1276
项目功能：商品分类,商品信息,用户。
JavaScript中this的指向和改变this指向的方法 - 2024最新版前端秋招面试短期突击面试题【100道】
everfoot的博客
10-29 642
了解this的工作原理是掌握JavaScript的关键之一，特别是在编写复杂的应用程序时。正确使用this可以避免许多常见的问题和错误。在实际开发中，合理选择不同的绑定方法，可以让你的代码更加灵活和易于维护。掌握这些this的知识点将帮助你在前端面试中脱颖而出！祝你顺利上岸！
JavaScript BOM操作：window对象及其子级对象详解
从提供的文件名“13bom_window_location_and_history.html”中可以推断，该文件可能是一个HTML文档，它将包含与window对象、location对象和history对象相关的实际示例代码。它将演示如何使用这些对象进行编程，以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值