1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport"
  6.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>获取网页url中的参数</title>
  9. </head>
  10. <body>
  12. <script>
  13.     //方法1
  14.     var parseQueryString = function (url, key) {
  15.         var num = url.indexOf('?'); // 获取 ？的下标
  16.         if (num > 0) {
  17.             url = url.slice(num + 1); // 截取 url ？后面的所有参数
  18.             var arr = url.split('&'); // 将各个参数放到数组里
  19.             var result = {}; // 存放结果
  20.             for (var i = 0; i < arr.length; i++) {
  21.                 num = arr[i].indexOf('='); // 使用 = 对 name 和 value 进行划分
  22.                 if (num > 0) {
  23.                     var name = arr[i].slice(0, num); // 获取 name 值
  24.                     var value = arr[i].slice(num + 1); // 获取 value 值
  25.                     result[name] = value;
  26.                 }
  27.             }
  28.             if (!result[key] || key == "" || key == null) {
  29.                 return "";
  30.             } else {
  31.                 return result[key];
  32.             }
  33.         }
  34.     }
  35.     var result1 = parseQueryString('https://www.didichuxing.com/path?key1=a&key2=123&key3=中国', 'key1'); // a
  36.     var result2 = parseQueryString('https://www.didichuxing.com/path?key1=a&key2=123&key3=中国', 'key2'); // 123
  37.     var result3 = parseQueryString('https://www.didichuxing.com/path?key1=a&key2=123&key3=中国', 'key3'); // 中国
  38.     console.log(result1,result2,result3);
  39.     //方法2 获取当前页面的url中的参数值
  40.     function getUrlParam(name) {
  41.         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  42.         var r = window.location.search.substr(1).match(reg);
  43.         if (r != null) return decodeURI(r[2]);
  44.         return null;
  45.     }
  46. </script>
  47. </body>
  48. </html>

获取网页url中的参数的更多相关文章

  1. JavaScript如何获取网页url中的参数

    我们可以自定义一个公共函数来实现网页url中的参数获取,返回的是一个数组 GetUrlRequest: function () { var url = decodeURI(location.searc ...

  2. 获取网页URL地址及参数等的两种方法(js和C#)

    转:获取网页URL地址及参数等的两种方法(js和C#) 一 js 先看一个示例 用javascript获取url网址信息 <script type="text/javascript&q ...

  3. js、jquery获取当前url中各个参数

    首先,先把获取各参数的方式再写一遍,相信大家都耳熟能详,就写几个常用的吧. 以此网址https://i.cnblogs.com/EditPosts.aspx?opt=1为例: 1. var url=w ...

  4. iOS获取/删除url中的参数

    1.获取URL中的某个参数: - (NSString *)getParameter:(NSString *)parameter urlStr:(NSString *)url { NSError *er ...

  5. 获取请求url中的参数

    一.根据request获取参数 假设请求地址是: http://127.0.0.1:8020/books/?title=语文 那么后台的路由配置: re_path('books/$', views.B ...

  6. 如何获取url中的参数并传递给iframe中的报表

    在使用报表软件时,用户系统左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等.如何使网页中的报表能够获取到传递过来的参数 ...

  7. 使用JS，获取URL中指定参数的值

    /** * 获取URL中指定参数的值 * * @param name 参数名称 * @returns */ function getQueryString(name) { var reg = new ...

  8. APPCAN开发笔记：html页面之间的参数传递：使用js获取url中的参数，以及在APPCAN中不能使用的解决方法

    用PHP的GET/POST方式来传递方式已经是司空见惯了,但是如果我的页面是一个静态的html的页面,想传递参数的时候要怎么办呢?在APPCAN的开发中我们会经常遇到这样的问题,因为所有的页面都是静态 ...

  9. javaScript获取url中的参数

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

随机推荐

  1. Eureka系列(一)Eureka功能介绍

    Eureka核心功能点 服务注册(register):   Client会发送一次Rest请求给Server端来实现注册,Server接受到请求会将服务信息存储起来,并将注册信息给同集群其他Serve ...

  2. 【英雄帖】FreeRedis 邀请您一起优化项目。

    嘿!各位!自 FreeRedis 开库以来,相继出现了很多贡献者,我们正在对 FreeRedis 的各功能模块做优化,这并不意味着现版的 FreeRedis 有问题,我们只是希望在某些方面做得更好.如 ...

  3. Numpy的学习2-基础转换

    import numpy as np A = np.arange(2, 14).reshape((3, 4)) # array([[ 2, 3, 4, 5] # [ 6, 7, 8, 9] # [10 ...

  4. Python：大神用的贼溜的实用技巧分享

    整理字符串输入 整理用户输入的问题在编程过程中极为常见.通常情况下,将字符转换为小写或大写就够了,有时你可以使用正则表达式模块「Regex」完成这项工作.但是如果问题很复杂,可能有更好的方法来解决: ...

  5. 解决Windows2019登录黑屏问题

    打开服务 停止App Readiness服务并禁用即可恢复正常

  6. Json转换值类型字段为空字符串时报错问题

    问题 在写Webservices时,碰到的问题. 定义的类 public class User { public string sID { get; set; } public int? iAge { ...

  7. VS批量添加多个文件

    步骤 1.设置项目,显示所有文件.2.点击项目,右键在资源管理器中打开.3.将要导入的文件复制到对应的文件中去.4.在解决方案中就可以看到刚才添加的多个文件.5.在新加的文件夹上右键,包括在项目中.

  8. WPF 中的相关样式

    <Image Name="icon" Width="40" Height="40"  Source="/Resources/ ...

  9. 手把手教你搭饥荒专用服务器（五）—MOD自动下载安装（Windows+Linux）

    想了解更详细内容,请点击原文地址:https://wuter.cn/1985.html/ 饥荒专用服务器的mod设置总共有两种方法. 方法一 在本地游戏中更新mod,然后把mod上传到服务器,但是这种 ...

  10. 2.mysql explain命令详解

    EXPLAIN详解 SQL编写和解析 编写过程 select-distinct-from-join-on-where-group by-having-order by-limit- 解析过程 from ...