`
Asen丶
  • 浏览: 39394 次
  • 性别: 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
分享到:
评论

相关推荐

    javascript操作BOM对象.docx

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

    JavaScript基础和实例代码

    7.6.2 Location对象属性与URL的对应 7.6.3 使用reload()方法重载页面 7.7 Frame对象 7.7.1 框架集文档中对象的结构 7.7.2 控制指定的框架 7.7.3 常见属性和方法汇总 7.7.4 Frameset对象 7.7.5 iframe元素对象 7.8 ...

    源文件程序天下JAVASCRIPT实例自学手册

    7.6.2 Location对象属性与URL的对应 7.6.3 使用reload()方法重载页面 7.7 Frame对象 7.7.1 框架集文档中对象的结构 7.7.2 控制指定的框架 7.7.3 常见属性和方法汇总 7.7.4 Frameset对象 7.7.5 iframe元素对象 7.8 ...

    《精通Javascript+jQuery》光盘源码

     2.10.3 location对象  2.10.4 navigator对象  2.10.5 screen对象  第3章 ccCSS基础  3.1 CSS的概念  3.1.1 标记的概念  3.1.2 传统HTML的缺点  3.1.3 CSS的引入  3.1.4 浏览器与CSS  3.2 使用...

    03-javaWeb-js.7z

    bom(浏览器对象模型) window对象详解 location:定位信息 history:历史 事件总结 常见的事件 所有事件案列 扩展——this使用 案例2-表单校验plus 了解阻止事件 逻辑运算符  列表操作  案例3-隔行换色 ...

    【WebApi思想导图】Javascript分为ECMAScript和WebApi,此为WebApi部分

    WebApi包括DOM和BOM部分。DOM部分包括元素操作、节点操作、DOM事件、事件对象及部分补充知识。BOM包括navigator、location、history、screen等部分。定时器、本地存储也有需要掌握的基础部分。

    JavaScript笔记

    基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是由事件引发 解释执行:先读到的先执行,后读到的会替代先读的 可以使用任何文本编辑工具编写 JavaScript 代码,...

    JavaScript详解(第2版)

     10.1.5 location对象   10.1.6 history对象   10.1.7 screen对象   10.2 应知应会   练习   第11章 表单及输入设备的使用   11.1 文档对象模型及传统DOM   11.2 JavaScript层次结构   11.3...

    精通JavaScript+jQuery Part1

     2.10.3 location对象  2.10.4 navigator对象  2.10.5 screen对象  第3章 ccCSS基础  3.1 CSS的概念  3.1.1 标记的概念  3.1.2 传统HTML的缺点  3.1.3 CSS的引入  3.1.4 浏览器与CSS  3.2 ...

    Java学习笔记-个人整理的

    {14.1}元素}{204}{section.14.1} {14.2}XML的设计}{205}{section.14.2} {14.3}DTD/Schema}{205}{section.14.3} {14.3.1}SAX应用}{206}{subsection.14.3.1} {14.4}dom4j}{207}{section.14.4} {14.5}XPath}{210}...

    JavaScript高级教程

    1.2.3 BOM..............................................8 1.3 小结..............................................8 第 2 章 ECMAScript 基础...............................................9 2.1 语法..........

Global site tag (gtag.js) - Google Analytics