基于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 相关文章推荐
JavaScript常用小技巧小结
Dec 29 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
Jul 29 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
Aug 22 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
Nov 30 Javascript
浅析jQuery 3.0中的Data
Jun 14 Javascript
jquery对所有input type=text的控件赋值实现方法
Dec 02 Javascript
JavaScript实现打地鼠小游戏
Apr 23 Javascript
微信小程序 setData使用方法及常用错误解决办法
May 11 Javascript
axios简单实现小程序延时loading指示
Jul 30 Javascript
微信小程序文章详情页面实现代码
Sep 10 Javascript
vue+axios实现post文件下载
Sep 25 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
Nov 18 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
PHP中file_exists与is_file,is_dir的区别介绍
2012/09/12 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
Yii2增加验证码步骤详解
2016/04/25 PHP
postfixadmin忘记密码后的修改密码方法详解
2016/07/20 PHP
网上抓的一个特效
2007/05/11 Javascript
解析arp病毒背后利用的Javascript技术附解密方法
2007/08/06 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
一样的table?不一样的table(可编辑状态table)
2012/09/19 Javascript
js取两个数组的交集|差集|并集|补集|去重示例代码
2013/08/07 Javascript
JS实现选项卡实例详解
2015/11/17 Javascript
javascript创建对象的几种模式介绍
2016/05/06 Javascript
Vue学习笔记之表单输入控件绑定
2017/09/05 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
2018/03/06 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
vue中过滤器filter的讲解
2019/01/21 Javascript
nodejs分离html文件里面的js和css的方法
2019/04/09 NodeJs
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
2020/11/05 Javascript
[03:01]完美世界DOTA2联赛PWL S2 集锦第二期
2020/12/03 DOTA
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
Python中死锁的形成示例及死锁情况的防止
2016/06/14 Python
python先序遍历二叉树问题
2017/11/10 Python
Numpy数组的保存与读取方法
2018/04/04 Python
Django 路由系统URLconf的使用
2018/10/11 Python
DJango的创建和使用详解(默认数据库sqlite3)
2019/11/18 Python
python如何提取英语pdf内容并翻译
2020/03/03 Python
Python虚拟环境venv用法详解
2020/05/25 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
德国户外商店:eXXpozed
2020/07/25 全球购物
数控技术专科生自我评价
2014/01/08 职场文书
幼儿园教师工作制度
2014/01/22 职场文书
小学优秀学生评语
2014/12/29 职场文书
慈善献爱心倡议书
2015/04/27 职场文书
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL