js实现一个获取url参数的方法-前端面试题

直接上代码

<script>// 指定参数名称，返回该参数的值 或者 空字符串// 不指定参数名称，返回全部的参数对象 或者 {}// 如果存在多个同名参数，则返回数组/*** @param {String} sUrl * @param {String} sKey * @return {String || Array || Object}*/function getUrlParam(sUrl, sKey) {if (sUrl.split("?").length == 1) {   //如果没有参数返回空return ''}let str = sUrl.split("?")[1];  //获取问号后面的字符串strs = str.split("&");         //把参数拆成数组let resArr = []for (var i = 0; i < strs.length; i++) {         //写入对象// resurl[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);if (strs[i].split("=")[0] == sKey) {       //如果存在这个数据，也存入数组，resArr.push(decodeURI(strs[i].split("=")[1]))}}let resultUrl = resArr.length == 1 ? resArr[0] : resArr      //如果数组长度等于1，则返回值，大于一，返回数组resultUrl = resultUrl[0] ? resultUrl : ''          //如果值不存在，则返回空字符串return resultUrl}console.log(getUrlParam('https://www.baidu.com/path?a=1&b=2', 'a'),''); // 1console.log(getUrlParam('https://www.baidu.com/path?a=1&b=2', 'c')); // ''      console.log(getUrlParam('https://www.baidu.com/path?a=1&b=2&a=4', 'a')); // ['1', '4']</script>

js实现一个获取url参数的方法-前端面试题相关推荐

使用jquery获取url以及jquery获取url参数的方法
使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作1.jquery获取url很简单,代码如下1.window.location.href;其实只是用到了javascri ...
js 获取url参数的方法
浏览器提供了一个新的接口来获取 url参数------------- URLSearchParams // 示例 https://www.baidu.com?id=2&isCheck=2 le ...
ajax动态获取url参数值,获取URL参数的方法
一.URL:统一资源定位符 1.URL组成完整的URL由这几个部分构成: scheme://host:port/path?query#fragment 名词解释: scheme:通信协议.常用的ht ...
2021年最新获取url参数的方法，用正则就落后啦
前言:相信大家对获取浏览器参数都很熟悉,第一反应是使用正则表达式去对浏览器的参数进行切割获取,然而浏览器已经提供了一个URLSearchParams这个接口给我们去操作URL的查询字符串使用正则表达 ...
php获取url参数的方法,php获取url参数方法总结
这篇文章主要介绍了php获取url参数方法,实例总结了利用parse_url()函数解析URL的方法,需要的朋友可以参考下本文实例讲述了php获取url参数方法.分享给大家供大家参考.具体如下: 在 ...
H5客户端获取Url参数的方法
一,window.location.href: 获取完整的url链接二,this.$ route.path:前端路由中配置的path 三,this.$ route.fullPath:当前页面除去协议 ...
js获取url参数的方法
简单方便 function getVariable(url, key) {url = new URL(url);return url.searchParams.get(key) }const url2 ...
使用jquery获取url及url参数的方法及定义JQuery扩展方法
1.jquery获取url很简单,代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识. 2.jquery获取 ...
[开发笔记]-使用jquery获取url及url参数的方法
转载自:作者:酷小孩出处:http://www.cnblogs.com/babycool/ 使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jque ...

js实现一个获取url参数的方法-前端面试题

直接上代码

js实现一个获取url参数的方法-前端面试题相关推荐

最新文章

热门文章