美文网首页我爱编程
JS通过url获取参数

JS通过url获取参数

作者: Cc_e789 | 来源:发表于2018-04-07 17:12 被阅读0次

JS获取URI参数需要通过正则表达式!所以不太会正则的同学,还需要去补一补相关知识~~

<script>

    function getUrlVars() {

        var vars = {};

        var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&#]*)/gi,

        function(m, key, value) {

            vars[key] = value;

        });

        return vars;

    }

// 调用的时候就像这样:

    var fType = getUrlVars()["name"]; //这里的name可以换成其他你想要传递的参数名

    alert(fType);

//以下为补充内容---------------------把js内容写到html页面中

document.write("<body>” + decodeURI(fType) + "</body>");//我这里写入到body标签中

    // 其中 decodeURI(fType);  是为了将 URI转中文显示

</script>

成功显示:

我们的name参数为123,已经成功被B.html获取到了

以上~!

相关文章

网友评论

    本文标题:JS通过url获取参数

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