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 相关文章推荐
javascript下4个跨浏览器必备的函数
Mar 07 Javascript
JS简单限制textarea内输入字符数量的方法
Oct 14 Javascript
bootstrap布局中input输入框右侧图标点击功能
May 16 Javascript
js实现多张图片延迟加载效果
Jul 17 Javascript
vue.js层叠轮播效果的实例代码
Nov 08 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
Nov 13 Javascript
基于vue实现移动端圆形旋钮插件效果
Nov 28 Javascript
axios携带cookie配置详解(axios+koa)
Dec 28 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
May 21 Javascript
vue集成kindeditor富文本的实现示例代码
Jun 07 Javascript
js 将多个对象合并成一个对象 assign方法的实现
Sep 24 Javascript
Vue+Element自定义纵向表格表头教程
Oct 26 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面向对象全攻略 (十七) 自动加载类
2009/09/30 PHP
防止用户利用PHP代码DOS造成用光网络带宽
2011/03/01 PHP
在smarty中调用php内置函数的方法
2013/02/07 PHP
克隆一个新项目的快捷方式
2013/04/10 PHP
dedecms集成财付通支付接口
2014/12/28 PHP
PHP类型约束用法示例
2016/09/28 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
Ajax一统天下之Dojo整合篇
2007/03/24 Javascript
判断ie的两种简单方法
2013/08/12 Javascript
原生JS绑定滑轮滚动事件兼容常见浏览器
2014/06/30 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
基于Jquery实现表单验证
2020/07/20 Javascript
jQuery实现MSN中文网滑动Tab菜单效果代码
2015/09/09 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
jQuery 跨域访问解决原理案例详解
2016/07/09 Javascript
微信小程序 教程之wxapp 视图容器 view
2016/10/19 Javascript
微信小程序 Tab页切换更新数据
2017/01/05 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
vue组件 $children,$refs,$parent的使用详解
2017/07/31 Javascript
详解vue项目中如何引入全局sass/less变量、function、mixin
2018/06/02 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
在Vue里如何把网页的数据导出到Excel的方法
2020/09/30 Javascript
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python内置的字符串处理函数整理
2013/01/29 Python
利用Python中的mock库对Python代码进行模拟测试
2015/04/16 Python
python数据处理实战(必看篇)
2017/06/11 Python
总结Python图形用户界面和游戏开发知识点
2019/05/22 Python
小学生自我评价范例
2013/09/24 职场文书
客户经理竞聘演讲稿
2014/05/15 职场文书
世界文化遗产导游词
2015/02/13 职场文书
小学体育组工作总结2015
2015/07/21 职场文书
虚拟机linux端mysql数据库无法远程访问的解决办法
2021/05/26 MySQL
zabbix自定义监控nginx状态实现过程
2021/11/01 Servers
关于MybatisPlus配置双数据库驱动连接数据库问题
2022/01/22 Java/Android