【JavaScript学习】BOM:location对象
来源:互联网 发布:知识库管理系统 java 编辑:程序博客网 时间:2024/06/16 02:42
BOM:浏览器对象模型
1、location是最有用的BOM对象之一。
2、用途:提供了与当前窗口中加载的文档有关的信息,还提供一些导航功能。
3、location对象:既是window对象的属性,也是document对象的属性。(即window.location和document.location引用的是同一个对象)
location对象保存着当前文档的信息,还将URL解析为独立的片段,让开发人员可以通过不同的属性访问这些片段。
查询字符串参数
创建一个函数,用以解析查询字符串,然后返回包含所有参数的一个对象:
function getQueryStringArgs() { //去的查询字符串并去掉开头的问号 var qs = (location.search.length > 0 ? location.search.substring(1) : ""); //保存数据的对象 args = {}; //取得每一项 items = qs.length ? qs.split("&") : []; item = null, name = null, value = null; //在for循环中使用 i = 0; len = items.length; //逐个将每一项添加到args对象中 for (i = 0; i < len; i++) { item = items[i].split("="); //用decodeURIComponent解码name和value,因为查询字符串应该被编码过。 name = decodeURIComponent(item[0]); value = decodeURIComponent(item[1]); if (name.length) { args[name] = value; } } return args;}
//假设查询字符串是?q=javascript&num=10var args = getQueryStringArgs();alert(args["q"]); //javascriptalert(args["num"]); //10
位置操作
使用location对象可以通过很多方式来改变浏览器的位置。
location.assign("http://www.wrox.com");window.location = "http://www.wrox.com";location.href = "http://www.wrox.com"; //最常用改变浏览器位置的方法
另外,修改location对象的其他属性也可以改变当前加载的页面。
//假设初始URL为http://www.wrox.com/WileyCDA//将URL修改为“http://www.wrox.com/WileyCDA/#section1”location.hash = "#section1";//将URL修改为“http://www.wrox.com/WileyCDA/?q=javascript”location.search = "?q=javascript";//将URL修改为“http://www.yahoo.com/WileyCDA/”location.hostname = "www.yahho.com";//将URL修改为“http://www.yahoo.com/mydir/”location.pathname = "mydir";//将URL修改为“http://www.yahoo.com:8080/WileyCDA/”location.port = 8080;
每次修改location的属性(hash除外),页面都会以新URL重新加载。
replace()
当通过上述任何一种方式修改URL之后,浏览器的历史记录中就会生成一条新记录,因此单击“后退”按钮会导航到前一个页面。
可以用replace()方法禁用上面的行为。
/** * replace() * param:要导航到的URL * 会导致浏览器位置改变,但不会在历史记录中生成新纪录。 * 因此在调用replace()方法之后,用户不能回到前一个页面。 */<!DOCTYPE html><html><head> <title>你将不能返回到这儿。</title></head><body><p>请享受这个页面吧,因为你将不能返回到这儿来。</p><script type="text/javascript"> setTimeout(function(){ location.replace("http://www.baidu.com"); },1000);</script></body></html>
reload()
作用:重新加载当前显示的页面。
如果调用reload()时不传递任何参数,页面就会以最有效的方式重新加载。如果页面自上次请求以来并没有改变过,页面就会从浏览器缓存中重新加载。如果要强制从服务器重新加载,则需要像下面这样为该方法传递参数true。
location.reload(); //重新加载(有可能从缓存中加载)location.reload(true); //重新加载(从服务器重新加载)
位于reload()调用之后的代码可能会也可能不会执行,因此最好将reload()放在代码的最后一行。
阅读全文
0 0
- 【JavaScript学习】BOM:location对象
- JavaScript学习5:BOM之location对象
- JavaScript高级编程【BOM-location对象】
- javascript之BOM地址栏对象(Location)
- javaScript中的BOM对象-Location(2)
- 说说 JavaScript 中 BOM 的 location 对象
- JavaScript之Location对象(BOM)
- JavaScript学习-location对象
- JavaScript基础(BOM)-Window 对象、History 对象、Location 对象
- BOM对象之Location
- BOM之location对象
- BOM中location对象
- 【JavaScript学习】BOM:navigator对象
- 【JavaScript学习】BOM:screen对象
- 【JavaScript学习】BOM:history对象
- javascript学习(6)location对象
- BOM对象之location对象
- javascript的BOM对象简介,BOM消息框,javascript循环定时器,一次性定时器,javascript的location对象
- linux安装qt 5.8
- vue生命周期
- JS知识整理(持续更新)
- ArrayList 解析
- SME Model
- 【JavaScript学习】BOM:location对象
- QNX实时操作系统学习笔记之嵌入式系统(二)
- Jupyter Notebook 快速入门(1)
- Android去掉标题栏的几种方法
- MySQL与Oracle的区别
- iOS iPhone X 适配
- Publish ROS message from terminal
- Basic_Calculator
- Maven:pom配置文件optional含义