前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js获取地址栏传参

js获取地址栏传参

作者头像
ProsperLee
发布2018-10-24 10:40:37
6.2K0
发布2018-10-24 10:40:37
举报
文章被收录于专栏:互联网软件技术

地址:http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper

        Location{

            assign:ƒ (),                                                                            // 加载新的文档。

            hash:"#prosper",                                                                        // 设置或返回从井号 (#) 开始的 URL(锚)。

            host:"127.0.0.1:8082",                                                                  // 设置或返回主机名和当前 URL 的端口号。

            hostname:"127.0.0.1",                                                                   // 设置或返回当前 URL 的主机名。

            href:"http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper",     // 设置或返回完整的 URL。

            origin:"http://127.0.0.1:8082",                                                         // 返回当前 URL 的协议和主机名和当前 URL 的端口号。

            pathname:"/prosperleedir/index.html",                                                   // 设置或返回当前 URL 的路径部分。

            port:"8082",                                                                            // 设置或返回当前 URL 的端口号。

            protocol:"http:",                                                                       // 设置或返回当前 URL 的协议。

            reload:ƒ reload(),                                                                      // 重新加载当前文档。

            replace:ƒ (),                                                                           // 用新的文档替换当前文档。

            search:"?id=6666&name=prosper",                                                         // 设置或返回从问号 (?) 开始的 URL(查询部分)。

            toString:ƒ toString(),                                                                  // 返回完整的 URL。

        }

 加载新的文档。

window.location.assign("http://www.baidu.com");

 用新的文档替换当前文档。

window.location.replace("http://www.baidu.com");

重新加载当前文档。

        如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

        如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

 window.location.reload(true);

        window.location.reload(false);

返回完整的 URL。

 console.log(window.location.toString());

代码语言:javascript
复制
 1         /**
 2          * [getUrlParam 获取地址栏传参]
 3          * @param  {[String]} paramname [参数名]
 4          * @return {[String]}           [参数值]
 5          */
 6         function getUrlParam(paramname) {
 7                     
 8             var reg = new RegExp("(^|&)" + paramname + "=([^&]*)(&|$)");
 9 
10             // 查询匹配 substr(1)删除? match()匹配
11             var s = window.location.search.substr(1).match(reg);
12 
13             if (s != null) {
14 
15                 return unescape(s[2]); // unescape() 函数可对通过 escape() 编码的字符串进行解码。
16 
17             }
18 
19             return null;
20 
21         }
22 
23         // ?id=6666&name=prosper
24         getUrlParam('id'); // s的输出为["id=6666&","","6666","&"]
25         getUrlParam('name'); // s的输出为["name=prosper","&","prosper",""]
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-08-31 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云服务器
云服务器(Cloud Virtual Machine,CVM)提供安全可靠的弹性计算服务。 您可以实时扩展或缩减计算资源,适应变化的业务需求,并只需按实际使用的资源计费。使用 CVM 可以极大降低您的软硬件采购成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档