基于JavaScript获取url参数2种方法


Posted in Javascript onApril 17, 2020

这次是使用JavaScript来获取url(request)中的参数

在日常页面编写的过程中为了方便操作在<script>中通过使用window.location.href="要跳转的页面?参数1=" rel="external nofollow" +值1+"&参数2="+值2 来进行页面跳转并传值。

那么在跳转过去的页面怎样在<script>中获取到传过来的参数呢?

下面是小编的一个案例:

//参数传出页面

window.location.href = "Frameset.aspx?name=" + username + "&tbpwd="+tbpwd;//这里是我要将username和tbpwd作为参数传到Frameset.aspx这个页面上

一、字符串分割分析法

//参数接收页面(Frameset.aspx)

 <script type="text/javascript" language="javascript">
    $(function () {
      var url = location.search;       ////获取接收到的url中含"?"符后的字串
      var request = new Object();     //实例化一个对象
      if (url.indexOf("?") != -1) {      //判断“?”后面是否有值
        var str = url.substr(1)       //去掉括?号
        strs = str.split("&");
        for (var i = 0; i < strs.length; i++){
          request[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);//将参数和对应的值使用split函数切割出来
        }
      }
 //以此获取url串中所带的同名参数

      alert(request["name"]);
      alert(request["tbpwd"]);
    })
  </script>

二、正则分析法

<script type="text/javascript" language="javascript">
function GetQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
  var r = window.location.search.substr(1).match(reg);
  if (r!=null) return unescape(r[2]);
  return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
</script>

以上两种方法都是可以实现js通过window.location.href进行页面跳转及传参后在跳转后的页面接收到参数!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery实现的Div窗口震动特效
Jun 09 Javascript
jquery获取radio值实例
Oct 16 Javascript
JavaScript实现点击按钮字体放大、缩小
Feb 29 Javascript
浅谈js中的in-for循环
Jun 28 Javascript
Angularjs 实现分页功能及示例代码
Sep 14 Javascript
js生成随机数方法和实例
Jan 17 Javascript
javascript中apply/call和bind的使用
Feb 15 Javascript
jQuery返回定位插件详解
May 15 jQuery
基于substring()和substr()的使用以及区别(实例讲解)
Dec 28 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
Dec 19 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
Apr 09 Javascript
js String.prototype.trim字符去前后空格的扩展
Aug 23 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
Apr 17 #Javascript
vue fetch中的.then()的正确使用方法
Apr 17 #Javascript
如何基于filter实现网站整体变灰功能
Apr 17 #Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
Apr 17 #Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
Apr 17 #Javascript
vue制作抓娃娃机的示例代码
Apr 17 #Javascript
Vue+tracking.js 实现前端人脸检测功能
Apr 16 #Javascript
You might like
dede3.1分页文字采集过滤规则详说(图文教程)续二
2007/04/03 PHP
php2html php生成静态页函数
2008/12/08 PHP
php 从一个数组中随机的取出若干个不同的数实例
2016/12/31 PHP
js 多浏览器分别判断代码
2010/04/01 Javascript
50款非常棒的 jQuery 插件分享
2012/03/29 Javascript
js 距离某一时间点时间是多少实现代码
2013/10/14 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
jQuery实现表单提交时判断的方法
2014/12/13 Javascript
jQuery中is()方法用法实例
2015/01/06 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
Bootstrap Paginator分页插件使用方法详解
2016/05/30 Javascript
全面接触神奇的Bootstrap导航条实战篇
2016/08/01 Javascript
Vue精简版风格概述
2018/01/30 Javascript
JavaScript实现异步图像上传功能
2018/07/12 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
[02:08]2014DOTA2国际邀请赛 430专访:力争取得小组前二
2014/07/11 DOTA
在Python中使用itertools模块中的组合函数的教程
2015/04/13 Python
在Django中管理Users和Permissions以及Groups的方法
2015/07/23 Python
python scp 批量同步文件的实现方法
2019/01/03 Python
在python里面运用多继承方法详解
2019/07/01 Python
Python模块汇总(常用第三方库)
2019/10/07 Python
python实现矩阵和array数组之间的转换
2019/11/29 Python
PyQt5实现仿QQ贴边隐藏功能的实例代码
2020/05/24 Python
德国网上宠物店:Zoobio
2018/05/23 全球购物
巴西体育用品商店:Lojão dos Esportes
2018/07/21 全球购物
手工制作的意大利皮革运动鞋:KOIO
2020/01/05 全球购物
SQL数据库笔试题
2016/03/08 面试题
GWT (Google Web Toolkit)有哪些主要的原件组成?
2015/06/08 面试题
如何现实servlet的单线程模式
2014/08/05 面试题
师范毕业生求职自荐信
2013/09/25 职场文书
物业管理工作方案
2014/05/10 职场文书
国家助学金感谢信
2015/01/21 职场文书
2015领导干部廉洁自律工作总结
2015/07/23 职场文书
MySQL聚簇索引和非聚簇索引的区别详情
2022/06/14 MySQL