之前分享过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