分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

js获取url的参数

发布时间:2023-09-06 01:53责任编辑:苏小强关键词:jsurl

用原生js实现获取url参数的封装

获取只支持链接后面带  ‘?’后的参数

如:‘https//:www.baidu.com?a=1&b=2&c=3’

代码片段:

 1 function getUrlByKey(url,key){//url为要链接字符串,key为要寻找的名称 2 ????????????let value=false;//定义变量存储找到的值,默认为false 3 ????????????if(url.split("?").length>1){//链接有带参数,没有者忽略 4 ????????????????if(url.split("?")[1].split("&").length>1){//有多个参数 5 ????????????????????for(let i in url.split("?")[1].split("&")){//遍历寻找是否有等于实参‘key‘的 6 ????????????????????????if(url.split("?")[1].split("&")[i].split("=")[0]===key){//找到的话将值赋给value,没有则忽略 7 ????????????????????????????value=url.split("?")[1].split("&")[i].split("=")[1]; 8 ????????????????????????} 9 ????????????????????}10 ????????????????}11 ????????????????else{//链接只带一个参数12 ????????????????????if(url.split("?")[1].split("=")[0]===key){//判断这个参数名是否等于我们要找的key13 ????????????????????????value=url.split("?")[1].split("=")[1]14 ????????????????????}15 ????????????????}16 ????????????}17 ????????????return value;18 ????????}

图片版:

js获取url的参数

原文地址:https://www.cnblogs.com/momen/p/9025694.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved