location对象提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能,它既是window对象的属性,也是document对象的属性;换句话说,window.location和document.location引用的是同一个对象
在location对象的属性中我觉得最有用的是可以用search查询浏览器发送过来的请求参数,但是通过这样获得的请求参数并不是我们最终想得到的请求参数,但是我们可以通过以下JavaScript代码来达到转换请求参数格式的目的
window.onload = function () { //取得查询字符串,并去掉开头的问号 var qs = (location.search.length > 0 ? location.search.substring(1) : ""); //保存数据对象 args = {}; //取得每一项 var items = qs.length ? qs.split("&") : []; item = null; name = null; value = null; i = 0; len = items.length; //逐个将每一项添加到args对象中 for (i = 0; i<len; i++) { item = items[i].split("="); name = decodeURIComponent(item[0]); value = decodeURIComponent(item[1]); if (name.length) { args[name] = value; } } console.log(args); }
在location的属性当中,还有一个方法我们应当注意,那就是reload(),区别在于浏览器重新加载的方式:
location.relaod();//有可能从缓存中加载 location.reload(true);//从服务器重新加载
相关推荐
BOM的核心对象是`window`,它代表浏览器的一个实例,包含了所有其他BOM对象,如`document`、`navigator`、`screen`、`history`、`location`等。 1. `window`对象:全局对象,所有的JavaScript变量和函数都是其属性...
又或者,根据用户在`prompt()`中的输入改变页面的`location.href`,这涉及到了BOM的`location`属性和DOM的元素操作。 总结来说,BOM和DOM是JavaScript在Web开发中不可或缺的工具。BOM让我们能够操控浏览器的行为,...
本文档主要介绍了 JavaScript 操作 BOM( Browser Object Model)对象的相关知识点,包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...
- Location对象包含了当前页面的URL信息,可以用来改变或获取页面的URL。 - `href`属性获取或设置完整的URL。 - `protocol`返回URL的协议部分,如"http:"或"https:"。 - `hostname`返回服务器的主机名,如...
Location对象是Window对象的一个属性,主要用于处理页面的URL。你可以通过它来获取当前页面的URL,或者重定向到新的页面。例如,`location.href`返回当前URL,`location.assign()`可以加载新的URL。 3. **Document...
浏览器对象模型(BOM),是JavaScript语言中的一种对象模型,它提供了浏览器对象的信息和操作方法。通过BOM,可以获取当前浏览器对象上的一系列内容,并实现各种功能。 BOM的功能 1. 打开和关闭网页 2. 获取当前...
`window`对象不仅包含了DOM中的`document`对象,还包含了其他如`history`、`location`、`navigator`和`screen`等一系列内置对象。 - `document`对象:它是DOM的一部分,代表了浏览器窗口中的HTML或XML文档,提供了...
【第四章 浏览器对象模型BOM】 Browser Object Model(BOM)是JavaScript与浏览器交互的核心机制,允许开发者操控浏览器的各种功能。虽然BOM没有官方标准,但现代浏览器已经形成了事实上的统一标准。BOM的主要功能...
3. **Location对象** - **URL操作**:`location.href`获取或设置整个URL,`location.pathname`获取路径名,`location.search`获取查询字符串,`location.hash`获取URL的锚点部分。 - **导航**:`location.reload()...
浏览器对象模型(BOM,Browser Object Model)是Web开发中的一种特性,自IE3和Netscape Navigator 3以来被广泛使用。BOM的核心在于它允许开发者通过JavaScript对浏览器窗口进行访问和操作,超越了HTML文档本身的内容...
BOM的核心是`window`对象,几乎所有的浏览器事件都与这个对象有关。 ##### DOM:文档对象模型 DOM则是一个跨平台和语言的中立接口,它定义了访问HTML和XML文档的标准,通过DOM可以动态地访问文档结构、内容以及...
- **定义**:`window` 对象是 BOM 的核心,所有其他对象都作为 `window` 的子对象存在。 - **作用**:`window` 主要用于管理和控制浏览器窗口的操作,比如调整窗口大小、移动窗口位置、导航到新的 URL 等。 - **实例...
BOM的核心对象是`window`,它代表了浏览器的一个窗口,并提供了许多与浏览器功能相关的属性和方法,如`window.location`用于获取或设置当前页面的URL,`window.navigator`包含了关于用户浏览器的信息。BOM不仅限于...
3. **Location对象**:用于获取和修改当前页面的URL。你可以通过`window.location.href`获取当前URL,或者用`window.location.assign(url)`加载新的页面。 4. **Navigator对象**:提供了有关用户浏览器的信息,如...
总之,JavaScript的BOM和DOM(文档对象模型)一起构成了JavaScript在浏览器环境中的强大功能,使得开发者能够实现丰富的交互效果,如使用`Date`对象和定时函数创建实时更新的时钟特效,以及方便地操控网页元素。...
3. **Location对象**: 用于获取和改变当前页面的URL,包括`href`属性(完整URL)、`hostname`(主机名)和`hash`(URL的锚点部分)等。 4. **History对象**: 记录用户在同一个浏览器窗口浏览过的URL,可以使用`back...
3. **Location对象**:用于获取和设置当前页面的URL,包括协议、主机名、路径、查询字符串等部分。其关键方法有assign()用于加载新页面,reload()用于重新加载页面,以及replace()用于替换当前页,而不添加历史记录...
location对象包含了很多属性,如href属性代表完整的URL,hostname属性表示域名,port属性表示端口号等。通过修改location对象的href属性,我们可以实现页面的跳转。在给定的内容部分中,使用了window.location....
1. `location`对象提供了与URL相关的功能,如`href`属性获取或设置URL,`search`获取查询字符串,`assign()`、`replace()`和`reload()`分别用于跳转、替换历史记录和刷新页面。 2. `history`对象管理浏览器的历史...
2. **`location`对象**:用于处理浏览器的URL,你可以修改`location.href`来导航到新的页面,或者通过`location.search`获取查询字符串。 3. **`history`对象**:允许开发者控制浏览器的历史记录,如`history.back...