您的位置：首页 > Web前端 > JavaScript

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

2016-12-29 13:04 543 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航