当前位置: 首页 / 网站建设 / 正文

javascript(js)获取url参数的方法分享(功能实例)

发布时间:2020-04-25 18:26:20 作者:小超越君

之前分享过php获取url参数的方法《获取url网址中的参数,PHP数据接收变量方法简单分享

但是那是针对后端才有用得,很多时候,前端程序员也需要自己获取网址上的自定义参数来做各种逻辑判断,那么该怎么来实现呢?

其实很简单,只需要运用javascript里的循环函数就可以了,下面直接分享实例吧!可以直接拿去使用,如果你想深入学习他是怎么实现的,可以去百度查下里面运用到的函数,其实也是非常的简单的。

好了,废话不多说,直接上代码。

js获取url参数功能代码

1
2
3
4
5
6
7
8
9
10
function geturl(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

使用方法

把上面一段代码放到js文件里,或者script标签里,然后调用geturl()获取参数就好,比如想获取 https://www.zhe94.com/?s=javascript 里面的“s”后面的数据,那么就可以使用geturl(‘s’)即可得到值为javascript,是不是很简单呢?快拿去试试吧!

知识在于传播与沉淀,转载请保留本文链接:https://www.zhe94.com/703.html

小超越
热爱折腾,曾想着改变世界,如今只能向生活低头,寻找可口的牛奶和面包
添加站长微信作者头像
专注高品质湛江网站建设及湛江SEO优化服务 立即咨询