专栏首页互联网软件技术js获取地址栏传参

js获取地址栏传参

地址: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());

 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",""]

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 模拟返回的后台数据实现统计图

    ProsperLee
  • CSS3景深-perspective

    ProsperLee
  • 评分---五星好评

    ProsperLee
  • 二叉树面试题:前中序求后序、中后序求前序

    在面试时,避免不了的会遇到一些数据结构的面试题,今天我们就来了解一下二叉树的经典面试题:

    黄泽杰
  • 打造 .NET Core 链接转发服务

    我最近使用 .NET Core 2.2 造了个名为"Link Forwarder" (链接转发器)的 URL 转发服务,并已开源。目前预览版已部署到我的子域"g...

    Edi Wang
  • 资源 | 让你事半功倍的小众Python库

    提取数据,特别是从网络中提取数据是数据科学家的重要任务之一。Wget 是一个免费的工具,用于以非交互式方式从 Web 上下载文件。它支持 HTTP、HTTPS ...

    CDA数据分析师
  • 关与代码重构那些事

    说个我朋友的事(我的一个朋友系列)。这个人颇有些强迫症。他在入职某家公司一段时间后,实在受不了负责模块那些祖传代码的组织方式,就用工作之余的的时间彻底重构了部分...

    Fundebug
  • 开源|人脸检测的C / C ++源代

    人脸检测的C/C++源代码,曾发表于 OPENCV 的 MAILING LIST,主要是对OPENCV 3.1 版本发布的代码做了一些速度上的优化,并且解决了内...

    IT派
  • 重构学习-重构原则

    什么是重构: 视上下文重构有两个不同的定义,第一个定义是名词形式 对软件内部结构的一种调整,目的是在不改变软件可观察行为的前提下,提高其可理解性,降低其修改成本...

    lpxxn
  • TDD是否会频繁重构代码?

    TDD,红、绿、重构,重构是一项非常核心的工作。TDD过程你不一定100%在每一个环都会有重构动作,但这不意味着你可以不去思考要不要重构,即便你没有重构,也是你...

    袁慎建@ThoughtWorks

扫码关注云+社区

领取腾讯云代金券