1 location:封装当前窗口正在打开的url的对象 2 3 href:完整的url 4 protocol:协议 5 host:主机名+端口 6 hostname:主机名 7 port:端口 8 pathname:路径 9 hash:#锚点名 10 search:?表单变量 11 12 方法:在当前窗口打开新链接: 13 location.href="url"; 14 location="url"; 15 location.assign("url"); 16 17 方法:在当前窗口打打开,不可后退 18 location.replace("url") 19 20 重新加载当前页面: 21 location。reload(force); 22 其中force:表示是否强制从服务器硬盘获取文件true/false
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <form> 9 姓名:<input name="username"/><br/> 10 密码:<input type="password" name="pwd"/><br/> 11 <input type="submit"/><br/> 12 <!-- 实现不能后退的页面跳转--> 13 <a href="javascript:location.replace('http://www.baidu.com')">go to tmooc</a> 14 </form> 15 <script> 16 function getSearch(){ 17 //获得url中的查询字符串,保存在变量search中: 18 //"?变量名=值&变量名=值"; 19 var search=location.search; 20 //创建空对象params; 21 var params={}; 22 //如果search!=""; 23 if(search!=""){ 24 //去掉search开头的?，再按切割&切割,将结果保存在变量props中 25 var props=search.slice(1).split("&"); //slice:截取(复制),split(切割) 26 //遍历props中每个元素 27 for(var i=0; i<props.length;i++){ 28 //将当前元素按=切割,结果保存在变量arr中 29 var arr=props[i].split("="); 30 //想params对象中添加新属性: 31 //属性名为arr中第0个元素 32 //属性值为arr中第一个元素 33 params[arr[0]]=arr[1]; 34 } 35 } 36 //{变量名:值,变量名:值} 37 //返回params 38 return params; 39 } 40 console.dir(getSearch()); 41 //{变量名:值,变量名:值} 42 </script> 43 </body> 44 </html>