首页 > 其他分享 >JS解析URL并获取URL参数值

JS解析URL并获取URL参数值

时间:2023-08-17 15:12:52浏览次数:32  
标签:return URL JS 参数 split pair let 参数值

方法1:通过正则表达式(推荐)

1.1定义获取指定参数值得函数,name为url的参数名

function getQueryString(name) {

    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");     let r = window.location.search.substr(1).match(reg);     if (r != null) {         return unescape(r[2]);     };     return null;  } 1.2调用函数获取参数值 let 参数1 = GetQueryString("参数名1")); 方法2:split拆分法 2.1定义拆分函数,参数为要查询的参数名 function getQueryVariable(variable){        let query = window.location.search.substring(1);        let vars = query.split("&");        for (let i=0;i<vars.length;i++) {                let pair = vars[i].split("=");                if(pair[0] == variable){return pair[1];}        }        return(false); } 2.2调用函数,返回参数结果,如果没有该参数则返回false let 参数1 = getQueryVariable("参数名1");

标签:return,URL,JS,参数,split,pair,let,参数值
From: https://www.cnblogs.com/ynnotes/p/17637597.html

相关文章

  • Gson与FastJson详解
    Gson与FastJson详解Java与JSON做什么?将Java中的对象快速的转换为JSON格式的字符串.将JSON格式的字符串,转换为Java的对象.Gson将对象转换为JSON字符串转换JSON字符串的步骤:引入JAR包在需要转换JSON字符串的位置编写如下代码即可:Stringjson=newGson().toJSON(要转换的对象......
  • asp.net core Webapi中返回400错误中的‘Null集合属性序列化Json’情况
    当序列化Json时,有集合类型的属性的值为Null,则序列化后的json就有问题,不能通过asp.netcoreWebApi的校验 解决方法是:只需要对集合默认初始化即可......
  • wiki.js 快速导入文件
    简介:wiki.js是我最近在部署的一个知识库系统,为了提升使用效果,我使用了ela做搜索引擎,配置了ik分词工具,配置了git存储库,还使用了ldap登录验证。那么快速批量上传文档,是我现在面临的问题,好在wiki.js已经有了解决方案。本文主要记录配置调试git批量上传文档的工作。一:git配置在wi......
  • Threejs实现动画
    这节讲用threejs实现动画的效果,之前有讲过用定时循环执行的方式实现threejs的动画效果,但是那种方式并非专门用于动画效果的制作,一方面如果多个物体都需要添加动画效果,定时循环执行体的内容会变得很多,另一方面之前的方式移动或者改变颜色都会很麻烦且不丝滑,这里介绍的是专门用于动画......
  • Vuejs装饰器风格开发教程(计算属性、事件派发、侦听器)
    计算属性计算属性的设计背景:在Vuejs开发时我们可以在模板中通过编写表达式的方式做一系列的逻辑处理,但这就偏离的模板的概念,还会使得模板的内容变得臃肿且难以维护,所以引入了计算属性的来对不该出现在模板中的复杂逻辑处理进行重构,使用计算属性重构后的依然保持了状态的响应式......
  • js数组终止循环的方法
    取代使用forEach时,遇到不符合的条件立刻终止,forEach无法return中止函数vararr=[1,2,3,4,5,6,7];try{arr.forEach((item,index)=>{console.log(item);if(item==3){thrownewError('break');}});}catch......
  • 关于Electron版本和NodeJS版本的关系
    关于Electron的介绍,可以查看官方文档Electron官方文档使用Electron进行开发时,本地必须安装Node运行环境(官方推荐安装长期支持(LTS)的版本)本地安装的Node的版本,和Electron程序运行所需要的版本没有关系。例如:使用Electron14.0.0版进行开发时,运行所需要的Node版本是14.17.0,这时候......
  • JS 中的 reduce使用举例技巧。
    1.计算数组中元素的总和这是reduce最常见的用法之一,可以用来计算数组中所有元素的总和。例如,如果我们有一个包含数字的数组,我们可以用reduce来求和:constnumbers=[1,2,3,4,5];constsum=numbers.reduce((acc,cur)=>acc+cur,0);console.log(sum);//152.计......
  • scrapy爬取图片报错Missing scheme in request url:
    记录一下scrapy爬取图片遇到的坑目标站点:站长素材图片https://sc.chinaz.com/tupian我的核心源代码#Defineyouritempipelineshere##Don'tforgettoaddyourpipelinetotheITEM_PIPELINESsetting#See:https://docs.scrapy.org/en/latest/topics/item-pipeli......
  • [18章]Vue3+NestJS 全栈开发企业级管理后台
    点击下载:[18章]Vue3+NestJS全栈开发企业级管理后台提取码:zzbv Next.js是一个用于构建现代化React应用程序的框架。它强调性能、开发体验和SEO优化,是许多React开发者的首选。Next.js提供了许多功能,包括:服务器渲染:Next.js允许在服务器端渲染React应用程序,从而提高了应......