js获取url传值的方法


Posted in Javascript onDecember 18, 2015

本文实例讲述了js获取url传值的方法。分享给大家供大家参考,具体如下:

js获取url参数值:

index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&......

静态html文件js读取url参数 根据获取html的参数值控制html页面输出

一、字符串分割分析法

这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET

函数:

<Script language="javascript">
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
</Script>

然后我们通过调用此函数获取对应参数值:

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request['参数1'];
参数2 = Request['参数2'];
参数3 = Request['参数3'];
参数N = Request['参数N'];
</Script>

以此获取url串中所带的同名参数

二、正则分析法

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"));
alert(GetQueryString("参数名3"));

补充:js 获取url的get传值函数

function getvl(name) {
var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i");

if (reg.test(location.href))

return unescape(RegExp.$2.replace(/\+/g, " "));

return "";
};

用法简单的说一下

比如url是:http://localhost/index.php?qz=ddddk中qz的值代码如下

getvl(bb);//这样就可以了

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
prototype class详解
Sep 07 Javascript
jquery 模拟类搜索框自动完成搜索提示功能(改进)
May 24 Javascript
js jquery验证银行卡号信息正则学习
Jan 21 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
Dec 28 Javascript
AngularJS 过滤器的简单实例
Jul 27 Javascript
jQuery监听浏览器窗口大小的变化实例
Feb 07 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
全面分析JavaScript 继承
May 30 Javascript
Vue+tracking.js 实现前端人脸检测功能
Apr 16 Javascript
vue实现折线图 可按时间查询
Aug 21 Javascript
区分vue-router的hash和history模式
Oct 03 Javascript
ES6 解构赋值的原理及运用
May 25 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
Dec 18 #Javascript
jquery获取css的color值返回RGB的方法
Dec 18 #Javascript
jQuery实现textarea自动增长宽高的方法
Dec 18 #Javascript
jquery简单倒计时实现方法
Dec 18 #Javascript
js命名空间写法示例
Dec 18 #Javascript
JavaScript Split()方法
Dec 18 #Javascript
jquery中object对象循环遍历的方法
Dec 18 #Javascript
You might like
PHP中检查isset()和!empty()函数的必要性
2019/02/13 PHP
javascript基础知识大集锦(一) 推荐收藏
2011/01/13 Javascript
jquery等宽输出文字插件使用介绍
2013/09/18 Javascript
js页面跳转的常用方法整理
2013/10/18 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
2014/02/08 Javascript
Js+Jq获取URL参数的集中方法示例代码
2014/05/20 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
nodejs开发环境配置与使用
2014/11/17 NodeJs
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
2015/05/19 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
2015/09/01 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
2016/05/26 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
最全的JavaScript开发工具列表 总有一款适合你
2017/06/29 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
2018/08/12 Javascript
JavaScript的查询机制LHS和RHS解析
2019/08/16 Javascript
vue使用微信JS-SDK实现分享功能
2019/08/23 Javascript
JS动态图片的实现方法完整示例
2020/01/13 Javascript
JS实现点星星消除小游戏
2020/03/24 Javascript
iview实现动态表单和自定义验证时间段重叠
2021/01/10 Javascript
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
Python max内置函数详细介绍
2016/11/17 Python
Python 通配符删除文件的实例
2018/04/24 Python
使用TensorFlow实现二分类的方法示例
2019/02/05 Python
python3 实现爬取TOP500的音乐信息并存储到mongoDB数据库中
2019/08/24 Python
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
Clarks西班牙官方在线商店:clarks鞋
2019/05/03 全球购物
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
网友共享的几个面试题关于Java和Unix等方面的
2016/09/08 面试题
Python面试题集
2012/03/08 面试题
拓展培训心得体会
2014/01/04 职场文书
精彩的英文自荐信
2014/01/30 职场文书
优质服务演讲稿
2014/05/14 职场文书
获奖感言范文
2015/07/31 职场文书
Nginx优化服务之网页压缩的实现方法
2021/03/31 Servers