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);//从服务器重新加载
相关推荐
本文档主要介绍了 JavaScript 操作 BOM( Browser Object Model)对象的相关知识点,包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...
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 ...
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 ...
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 使用...
bom(浏览器对象模型) window对象详解 location:定位信息 history:历史 事件总结 常见的事件 所有事件案列 扩展——this使用 案例2-表单校验plus 了解阻止事件 逻辑运算符 列表操作 案例3-隔行换色 ...
WebApi包括DOM和BOM部分。DOM部分包括元素操作、节点操作、DOM事件、事件对象及部分补充知识。BOM包括navigator、location、history、screen等部分。定时器、本地存储也有需要掌握的基础部分。
基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是由事件引发 解释执行:先读到的先执行,后读到的会替代先读的 可以使用任何文本编辑工具编写 JavaScript 代码,...
10.1.5 location对象 10.1.6 history对象 10.1.7 screen对象 10.2 应知应会 练习 第11章 表单及输入设备的使用 11.1 文档对象模型及传统DOM 11.2 JavaScript层次结构 11.3...
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 ...
{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}...
1.2.3 BOM..............................................8 1.3 小结..............................................8 第 2 章 ECMAScript 基础...............................................9 2.1 语法..........