什么是URL地址的参数

在网页访问的时候,我们会通过url地址来传递参数。

例如,url地址类似:

http://www.pingbuwang.com/index.html?a=12&b=hello 

可以看到,这个地址中有两个参数 a 和  b

如何使用javascript获取 url地址的参数?

javascript没有办法直接读取url地址中的参数,只能通过解析字符串的方式获取。

已经有高手将这一功能做了封装,封装的类如下:


QueryString = {data: {},initial: function () {var aPairs, aTmp;var queryString = new String(window.location.search);queryString = queryString.substr(1, queryString.length); //remove   "?"    aPairs = queryString.split("&");for (var i = 0; i < aPairs.length; i++) {aTmp = aPairs[i].split("=");this.data[aTmp[0]] = aTmp[1];}},getValue: function (key) {return this.data[key];}
}

使用的时候,要先执行

QueryString.initial();

然后就可以调用 getValue 方法获取参数的值了

let aVal= QueryString.getValue('a');

Javascript获取URL地址的参数相关推荐

  1. JavaScript获取Url地址中的指定参数

    JavaScript获取Url地址中的指定参数 var url = "https://codemank23.com?username=kkk&scope=1";if (ur ...

  2. 获取Url地址中参数的3种方法

    获取Url的代码如下:window.location.href; 方法一:原生js(假设已经获得了Url地址) var url = 'https://gitbook.cn/gitchat/geekbo ...

  3. javaScript获取url中的参数

    var urlTools = {//获取RUL参数值getUrlParam: function(name) { /*?videoId=identification */var params = dec ...

  4. gitclone 一个tag的地址_获取Url地址中参数的几种方法

    获取Url的代码如下:window.location.href; 方法一:原生js(假设已经获得了Url地址) 总结:主要思路就是将Url用split()分割成不同的块,返回值为一个数组,一直分割到为 ...

  5. vue 获取url地址的参数_Vue 网络请求框架 axios 使用教程

    点击上方"代码集中营",设为星标 优秀文章,第一时间送达! 前期回顾 1. Vue 学习入门指南 2. Vue 入门环境搭建 3. Visual Studio Code 使用指南 ...

  6. 获取url地址后面参数的2种方法(小程序二维码跳转参数解析)

    微信扫描小程序二维码后,在页面的onLoad函数的参数options内可以拿到跳转参数scene值,但是需要对scene进行decodeURIComponent操作,方法如下: 方法一: 扫码二维码地 ...

  7. vue 获取url地址的参数_2020年 vue常见面试问题总结(干货)!

    1.什么是mvvm模式,谈谈你的理解? MVVM - Model View ViewModel,数据,视图,视图模型 view 可以通过 事件绑定 的方式影响 model, model 可以通过 数据 ...

  8. vue 获取url地址的参数_Vue之vuerouter的使用

    1. 什么是vue-router? 所谓的vue-router, 通俗的来讲 就是路由 但是这个和后端路由是不同的, 这是前端路由,是url和单页面组件的对应关系, 也就是SPA(单页应用)的路径管理 ...

  9. javascript获取网页URL地址及参数等

    2019独角兽企业重金招聘Python工程师标准>>> 用javascript获取url网址信息 Java代码 <script type="text/javascri ...

最新文章

  1. ROS与深度相机入门教程:(1)Ubuntu16.04 在ROS中驱动Intel D435i深度相机
  2. java使用jdom生成xml格式文件
  3. 开发日记-20190503 关键词 汇编语言(二)
  4. electron 解压zip_如何将Node.js中的.zip/.rar文件解压缩到文件夹中
  5. PHPExcel设置自动列宽
  6. spring-wind 搭建过程问题记录
  7. 火山去水印链接_在线批量去水印下载快手图集视频、抖音、火山等平台方法技巧!...
  8. C++常用字符串分割方法
  9. php 实时查看公众号加粉数据,公众号实时涨粉数据怎么查看
  10. APIO/CTSC2017游记
  11. Python实现代码行数统计工具
  12. iPhoneアプリに本格ホラーアドベンチャー監獄脱出少女 android
  13. vue安装axios
  14. 三菱PLC QCPU用户手册(功能解说/程序基础篇)
  15. 不得不说的FUP P4K血型卡专用离心机
  16. Gromacs 中文手册目录
  17. 常微分方程matlab求解英文文献,常微分方程及其matlab求解毕业论文设计
  18. Pytho 常见模块 / 用法备忘录
  19. 模拟淘宝侧边服务模块鼠标悬停效果的三种实现方式总结
  20. 6月29日云栖精选夜读:Java、PHP、Python、JS 等开发者都如何绘制统计图

热门文章

  1. ue4伤害事件、应用伤害
  2. spoof_call的分析与改进
  3. html地址栏添加icon小图标
  4. 实验四,字符串的基本操作(Python,头歌)
  5. 蓝牙耳机哪个牌子好?蓝牙耳机品牌推荐
  6. wsl2固定IP地址,主机ping通wsl2
  7. python 打印 字符串 上标 下标
  8. 解决EasyExcel工具读取Excel空数据行的问题
  9. ben we_WE战队宣布辅助选手Ben离队成为自由人,第二代WE解散!
  10. 长城台式微型计算机开不了机,台式电脑开不了机怎么办?六个秒招教你排查电脑无法开机的故障所在...