极速小乌龟

导航

JavaScript-location:封装当前窗口正在打开的url的对象 

 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>

 

posted on 2016-12-29 13:04  极速小乌龟  阅读(167)  评论(0)    收藏  举报