PHP程序员小白到大牛集训(12期免息)
首页 >web前端 >js教程 > 正文

js实现动态获取地址栏后的参数

原创2018-03-26 16:12:521214 + Vue前端学习QQ群(点击入群)
本文主要和大家分享js实现动态获取地址栏后的参数,希望能帮助到大家。

需求:js动态的获取地址栏后面的参数

js代码:

  1. alert(GetQueryString("code"))  
    //获取地址栏后面的参数  
    function GetQueryString(name){  
         var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");  
         var r = window.location.search.substr(1).match(reg);  
         if(r!=null)return  decodeURI(r[2]); return null;  
     }
    登录后复制


当url地址为 http://114.215.84.2/debo/test.html?code=123

调用函数会直接返回123.

文末福利:

福利一:前端,Java,产品经理,微信小程序,Python等10G资源合集大放送:https://www.jianshu.com/p/e8197d4d9880

福利二:微信小程序入门与实战全套详细视频教程

【领取方法】

关注 【编程微刊】微信公众号:

回复【小程序demo】一键领取130个微信小程序源码demo资源。

回复【领取资源】一键领取前端,Java,产品经理,微信小程序,Python等资源合集10G资源大放送。

image

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用



90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

以上就是js实现动态获取地址栏后的参数的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:javascript 后的 地址
  • 程序员必备接口测试调试工具:点击使用

    Apipost = Postman + Swagger + Mock + Jmeter

    Api设计、调试、文档、自动化测试工具

    自己动手手写一个MVC框架(40节精讲/巨细/新人进阶必看):立即学习

    快速了解框架底层运行原理+提高自身开发逻辑+新人必学课程

    相关文章

    相关视频


    视频教程分类

    专题推荐

    官方公众号

    php中文网课程

    扫码关注官方公众号
    回复“phpcn01”领取php学习资料课程
    全套工具、电子书、脑图、内部课程等

    热门推荐