八字排盘网站建设,推广的网站有哪些,网站开发者 地图,境外网站建设现在来了解一下JavaScript中的location对象。location记录了页面文档的位置信息#xff0c;当然这个位置不是地址位置#xff0c;而是指web中的文档位置。location其实是一个很特殊的对象#xff0c;首先它是window的属性#xff0c;同时也是document的属性#xff0c;换句…      现在来了解一下JavaScript中的location对象。location记录了页面文档的位置信息当然这个位置不是地址位置而是指web中的文档位置。location其实是一个很特殊的对象首先它是window的属性同时也是document的属性换句话说window.location和document.location引用的同一个对象。location的有用之处不仅仅是它记录文档信息同时它还将文档的URL解析为不同的部分编程时可以通过不同的属性方便地引用各个部分下表列出来location中URL的各个部分  属性名称 示    例 描       述 hash #test 返回URL中的hash值#号后跟数字如果URL中没有哈希值返回空字符串 host www.test.com:80 返回服务器名称和端口号 hostname www.test.com 返回不含端口号的服务器名称 href http://www.test.com 返回加载文档的完整URL地址location的toString函数返回该值 pathname /admin/login.html 返回URL中除server名称和端口的目录和文件名称 port 80 服务器端口 protocol http 加载的文档URL所使用的协议 search ?qjavascript 返回查询字符串虽然通过location可以轻易访问到查询字符串但是想获取查询字符串中的参数就没有这么方便可以通过如下函数来分离各个参数的名称和值 1 function getQueryStringArgs() {2 //获取查询字符串通过substring去掉最前面的问号3 var qs (location.search.length 0) ? location.search.substring(1) : ;4 //创建保存查询参数的对象5 var args {};6 //获取参数每一项7 var argItems qs.split();8 var item null, name null, value null;9 //遍历每个项目通过号分隔参数名称和值 10 for (var i 0; i argItems.length; i) { 11 item argItems[i].split(); 12 name decodeURIComponent(item[0]); 13 value decodeURIComponent(item[1]); 14 args[name] value; 15 } 16 17 return args; 18 } 通过location我们可以改变加载的文档。首先也是最常用的方法就是使用assign通过assign使窗体加载新指定的URL 1 window.location.assign(http://www.google.com); 通过调用assign可以立即加载指定的URL并且咋浏览器历史记录中增加一条当然如果我们设置location.href属性的值或者直接设置location对象为一个URL效果等同于调用assign一样立即打开新的URL 1 window.location http://www.google.com; 2 window.location.href http://www.google.com; href的方式似乎是我们最常用的了。另外修改location中其他的属性也会改变加载的页面使浏览器重新加载页面如下代码 1 window.location http://www.test.com; 2 //修改hash 3 location.hash #section; 4 //修改查询字符串 5 location.search ?qjavascript; 6 //修改服务器名称 7 location.hostname www.google.com; 8 //修改pathname 9 location.pathname test; 当然通过上面的方法加载新的URL时会为浏览器历史记录增加一条那么点击向后的时候会退回的前一个地址如果我们不想记录浏览历史可以通过replace函数来实现该功能 1 window.location.replace(http://www.cnblogs.com); location还有一个有用的函数reload通过reload可以从新加载文档但是首先会检查缓存区是否有该地址的文档如果有从缓存区加载否则从服务器加载但是可以通过参数来取消这一策略 1 //从新加载有可能从缓存加载 2 window.location.reload(); 3 //从新加载直接从服务器加载 4 window.location.reload(true); location是一个非常有用的对象在编程时经常会用到在此仅当抛砖引玉。如果有其他值得注意的或者有错误欢迎指正。   有园友反应需要说明BOM和DOM由于本文章不是介绍BOM和DOM因此把相关链接贴出来大家可以阅读 关于JavaScript组成http://javascript.about.com/od/browserobjectmodel/a/bom01.htm 关于BOMhttp://msdn.microsoft.com/en-us/library/ms952643.aspx 也可以看http://titan.iteye.com/blog/60389 关于DOM请看http://en.wikipedia.org/wiki/Document_Object_Model 和http://www.w3.org/DOM/转载于:https://www.cnblogs.com/gyycyy/archive/2012/08/08/locationInBOM.html