`
Asen丶
  • 浏览: 40443 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

BOM元素之location对象

阅读更多

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);//从服务器重新加载

 

0
0
分享到:
评论

相关推荐

    BOM对象和DOM对象

    BOM的核心对象是`window`,它代表浏览器的一个实例,包含了所有其他BOM对象,如`document`、`navigator`、`screen`、`history`、`location`等。 1. `window`对象:全局对象,所有的JavaScript变量和函数都是其属性...

    js中的BOM和DOM对象

    又或者,根据用户在`prompt()`中的输入改变页面的`location.href`,这涉及到了BOM的`location`属性和DOM的元素操作。 总结来说,BOM和DOM是JavaScript在Web开发中不可或缺的工具。BOM让我们能够操控浏览器的行为,...

    javascript操作BOM对象.docx

    本文档主要介绍了 JavaScript 操作 BOM( Browser Object Model)对象的相关知识点,包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...

    j2ee06js04.Bom浏览器对象(包含document、location、history)

    - Location对象包含了当前页面的URL信息,可以用来改变或获取页面的URL。 - `href`属性获取或设置完整的URL。 - `protocol`返回URL的协议部分,如"http:"或"https:"。 - `hostname`返回服务器的主机名,如...

    8.BOM对象.zip

    Location对象是Window对象的一个属性,主要用于处理页面的URL。你可以通过它来获取当前页面的URL,或者重定向到新的页面。例如,`location.href`返回当前URL,`location.assign()`可以加载新的URL。 3. **Document...

    js的bom操作

    浏览器对象模型(BOM),是JavaScript语言中的一种对象模型,它提供了浏览器对象的信息和操作方法。通过BOM,可以获取当前浏览器对象上的一系列内容,并实现各种功能。 BOM的功能 1. 打开和关闭网页 2. 获取当前...

    Web前端开发技术-认识BOM对象.pptx

    `window`对象不仅包含了DOM中的`document`对象,还包含了其他如`history`、`location`、`navigator`和`screen`等一系列内置对象。 - `document`对象:它是DOM的一部分,代表了浏览器窗口中的HTML或XML文档,提供了...

    第四章 浏览器对象模型BOM

    【第四章 浏览器对象模型BOM】 Browser Object Model(BOM)是JavaScript与浏览器交互的核心机制,允许开发者操控浏览器的各种功能。虽然BOM没有官方标准,但现代浏览器已经形成了事实上的统一标准。BOM的主要功能...

    BOM知识点汇总

    3. **Location对象** - **URL操作**:`location.href`获取或设置整个URL,`location.pathname`获取路径名,`location.search`获取查询字符串,`location.hash`获取URL的锚点部分。 - **导航**:`location.reload()...

    浏览器对象BOM.ppt

    浏览器对象模型(BOM,Browser Object Model)是Web开发中的一种特性,自IE3和Netscape Navigator 3以来被广泛使用。BOM的核心在于它允许开发者通过JavaScript对浏览器窗口进行访问和操作,超越了HTML文档本身的内容...

    BOM和DOM模型图

    BOM的核心是`window`对象,几乎所有的浏览器事件都与这个对象有关。 ##### DOM:文档对象模型 DOM则是一个跨平台和语言的中立接口,它定义了访问HTML和XML文档的标准,通过DOM可以动态地访问文档结构、内容以及...

    简单的bom文档

    - **定义**:`window` 对象是 BOM 的核心,所有其他对象都作为 `window` 的子对象存在。 - **作用**:`window` 主要用于管理和控制浏览器窗口的操作,比如调整窗口大小、移动窗口位置、导航到新的 URL 等。 - **实例...

    Javascript之BOM与DOM讲解

    BOM的核心对象是`window`,它代表了浏览器的一个窗口,并提供了许多与浏览器功能相关的属性和方法,如`window.location`用于获取或设置当前页面的URL,`window.navigator`包含了关于用户浏览器的信息。BOM不仅限于...

    bom学习的部分教学案例

    3. **Location对象**:用于获取和修改当前页面的URL。你可以通过`window.location.href`获取当前URL,或者用`window.location.assign(url)`加载新的页面。 4. **Navigator对象**:提供了有关用户浏览器的信息,如...

    javascript bom组成.doc

    总之,JavaScript的BOM和DOM(文档对象模型)一起构成了JavaScript在浏览器环境中的强大功能,使得开发者能够实现丰富的交互效果,如使用`Date`对象和定时函数创建实时更新的时钟特效,以及方便地操控网页元素。...

    slide-bom:浏览器对象模型 (BOM) 的网页幻灯片

    3. **Location对象**: 用于获取和改变当前页面的URL,包括`href`属性(完整URL)、`hostname`(主机名)和`hash`(URL的锚点部分)等。 4. **History对象**: 记录用户在同一个浏览器窗口浏览过的URL,可以使用`back...

    3.js.BOM.rar

    3. **Location对象**:用于获取和设置当前页面的URL,包括协议、主机名、路径、查询字符串等部分。其关键方法有assign()用于加载新页面,reload()用于重新加载页面,以及replace()用于替换当前页,而不添加历史记录...

    JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解

    location对象包含了很多属性,如href属性代表完整的URL,hostname属性表示域名,port属性表示端口号等。通过修改location对象的href属性,我们可以实现页面的跳转。在给定的内容部分中,使用了window.location....

    BOM browser objcet model.docx

    1. `location`对象提供了与URL相关的功能,如`href`属性获取或设置URL,`search`获取查询字符串,`assign()`、`replace()`和`reload()`分别用于跳转、替换历史记录和刷新页面。 2. `history`对象管理浏览器的历史...

    BOM的用法介绍.docx

    2. **`location`对象**:用于处理浏览器的URL,你可以修改`location.href`来导航到新的页面,或者通过`location.search`获取查询字符串。 3. **`history`对象**:允许开发者控制浏览器的历史记录,如`history.back...

Global site tag (gtag.js) - Google Analytics