Location 对象
Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。
例子
把用户带到一个新的地址
IE:
Internet Explorer, F:
Firefox, O:
Opera.
Location 对象属性
属性
描述
IE
F
O
hash
|
设置或返回从井号 (#) 开始的 URL(锚)。 |
4 |
1 |
9 |
host
|
设置或返回主机名和当前 URL 的端口号。 |
4 |
1 |
9 |
hostname
|
设置或返回当前 URL 的主机名。 |
4 |
1 |
9 |
href
|
设置或返回完整的 URL。 |
4 |
1 |
9 |
pathname
|
设置或返回当前 URL 的路径部分。 |
4 |
1 |
9 |
port
|
设置或返回当前 URL 的端口号。 |
4 |
1 |
9 |
protocol
|
设置或返回当前 URL 的协议。 |
4 |
1 |
9 |
search
|
设置或返回从问号 (?) 开始的 URL(查询部分)。 |
4 |
1 |
9 |
Location 对象描述
Location 对象存储在 Window 对象的 Location 属性中,表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性
存
放的是文档的完整 URL,其他属性则分别描述了 URL 的各个部分。这些属性与 Anchor 对象(或 Area 对象)的 URL
属性非常相似。当一个 Location 对象被转换成字符串,href 属性的值被返回。这意味着你可以使用表达式 location 来替代
location.href。
不过 Anchor 对象表示的是文档中的超链接,Location 对象表示的却是浏览器当前显示的文档的 URL(或位置)。但是
Location 对象所能做的远远不止这些,它还能控制浏览器显示的文档的位置。如果把一个含有 URL 的字符串赋予 Location 对象或它的
href 属性,浏览器就会把新的 URL 所指的文档装载进来,并显示出来。
除了设置 location 或 location.href 用完整的 URL 替换当前的 URL 之外,还可以修改部分 URL,只需要给
Location 对象的其他属性赋值即可。这样做就会创建新的 URL,其中的一部分与原来的 URL
不同,浏览器会将它装载并显示出来。例如,假设设置了Location对象的 hash 属性
,那么浏览器就会转移到当前文档中的一个指定的位置。同样,如果设置了 search 属性
,那么浏览器就会重新装载附加了新的查询字符串的 URL。
除了 URL 属性外,Location 对象的 reload() 方法
可以重新装载当前文档,replace()
可以装载一个新文档而无须为它创建一个新的历史记录,也就是说,在浏览器的历史列表中,新文档将替换当前文档。
分享到:
相关推荐
location对象提供了很多属性和方法用来解析URL。 代码如下: <head> <title></title> [removed] var uristr = [removed].search.substr(1); var array = uristr.split(‘&&’); for (var i = 0; i ...
在Web开发中,window.location对象是JavaScript中一个非常核心的部分,它提供了一种访问和修改当前文档URL的方法。这个对象包含了许多属性和方法,可以用来获取URL的各个组成部分,甚至可以用来导航到新的页面。本文...
窗口对象>.location”。先前写了一片用[removed].href实现刷新另个框架页面 ,特此我看了一下locaiton的详细用法,对此有点改进,具体如下: 注意:属于不同协议或不同主机的两个地址之间不能互相引用对方的 ...
关于location对象的简单理解: 1.location对象中涵盖了当前页面(本页面)或者更直接的说,是当前加载的这个html文档的url信息 2.location对象作为window对象的一个属性,可以通过[removed]老访问 下面顺便介绍一些...
window.location 对象是 JavaScript 中的一个对象,用于获取或设置当前页面的 URL。该对象有多个属性,包括: * href:获取或设置当前页面的完整 URL。 * protocol:获取当前页面的协议部分。 * host:获取当前页面...
### 三、Location对象详解 #### 1. 案例演示 下面展示一个简单的`Location`对象使用示例: ```javascript // 创建Location对象 const location = { lat: 0, lng: 0, name: "", init: function (lat, lng, ...
LocationManager用于管理设备上的位置提供者,LocationProvider则代表这些提供者,而Location对象则封装了具体的地理位置数据,如经度、纬度、时间戳等。 二、集成Google Maps API 为了在地图上显示定位信息,我们...
本文实例讲述了JS基于Location实现访问Url、重定向及...你可以生成一个包含当前url的新location对象: var currentURL=[removed]; 在这片文章你将看到location对象的所有属性和方法,你将学到: 怎么读取url不同部
3. **Location对象**: `Location`对象包含了地理位置的所有信息,包括经度、纬度、海拔、速度、方向、时间戳等。开发者可以通过`getLatitude()`、`getLongitude()`等方法获取这些属性值。此外,`Location`还提供了...
在LocationListener的onLocationChanged()方法中,可以获取到Location对象,其中getLatitude()和getLongitude()方法分别返回当前的经度和纬度值。此外,还可以通过getAccuracy()获取精度信息,getAltitude()获取...
- Location对象包含了当前页面的URL信息,可以用来改变或获取页面的URL。 - `href`属性获取或设置完整的URL。 - `protocol`返回URL的协议部分,如"http:"或"https:"。 - `hostname`返回服务器的主机名,如...
在`onLocationChanged`方法中,我们可以访问Location对象,获取经度(longitude)和纬度(latitude): ```java double longitude = location.getLongitude(); double latitude = location.getLatitude(); ``` 此外...
DHTML 对象模型如图-1 所示,包括 window 对象、document 对象、screen 对象、history 对象、location 对象、navigator 对象等。 2.1.2. screen 对象 screen 对象每个 Window 对象的 screen 属性都引用一个 Screen...
本文档主要介绍了 JavaScript 操作 BOM( Browser Object Model)对象的相关知识点,包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...
location 对象是 DOM 中的一个重要对象,它描述了当前文档的地址信息。location 对象的属性包括 href、protocol、host、hostname、port 等,其中,href 属性返回当前文档的完整 URL,protocol 属性返回当前文档的...
Location对象表示当前页面的URL,通过`window.location`可访问。它可以用于获取或更改页面的URL,如`location.href`获取完整URL,`location.pathname`获取路径名。 六、FRAME框架对象 在HTML中,框架(frame)用于...
在前端开发中,`location` 和 `history` 对象是两个至关重要的概念,它们与浏览器的URL导航密切相关。本文将深入探讨这两个对象的功能、用法以及它们如何协同工作以实现网页间的导航。 `location`对象是Window接口...
- 通过LocationProvider获取的位置信息会封装在一个Location对象中,包括经度、纬度、时间戳、精度等。 7. **优化与性能**: - 根据应用需求调整Criteria参数,以平衡定位精度和电源效率。 - 使用`passive`提供...
- Location对象包含了有关当前URL的信息,例如href属性表示当前窗口正在浏览的网址地址。我们可以利用location对象来获取当前URL,或者改变当前的浏览地址。例如,通过设置location.href,可以导航到新的页面。 -...