美文网首页
Js获取Url传值

Js获取Url传值

作者: 我是Mr小赵先生 | 来源:发表于2016-11-23 16:10 被阅读110次

    公司的研发同学都是做IOS和Android开发的,最近公司要做一个H5的小页面,就临时安排他们去做开发了。在html页面间值传递上遇到了不少的问题,不过最终还是解决了,特此写下解决方案,做个备忘,也帮助遇到同样问题的同学。

    解决方案如下

           <!--
                作者:zai_yuzhong@126.com
                时间:2016-11-23
                描述:获取页面传参,并解决中文乱码。示例url=b.html?id=123&name=小明
            -->
            <script type="text/javascript">
                function GetQueryString (name) {
                    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");//获取参数值的正则表达式
                    var urlKeys=window.location.search.substr(1);//获取url传参中?后面的值:id=123&name=小明
                    urlKeys=decodeURI(urlKeys);//针对中文乱码的解决方案;decodeURI()解决乱码问题
                    var r =urlKeys.match(reg);
                    window.console.log(r);//将r打印出来,我们发现r[2]是我们想要的结果
                    if(r!=null){
                        return  r[2]; }
                    else{
                        return null;}
                }
            </script>
    

    window.console.log(r);打印出来的结果如下图

    QQ截图20161123155823.png

    调用方法如下

    var strname=GetQueryString("name");//name是url传过来的参数名

    相关文章

      网友评论

          本文标题:Js获取Url传值

          本文链接:https://www.haomeiwen.com/subject/kujvpttx.html