实例详解JavaScript获取链接参数的方法


Posted in Javascript onJanuary 01, 2016

使用url传递参数,大家应该不陌生,例如:

http://www.softwhy.com/home.php?mod=space&do=home&view=all

既然传递参数,那么自然就要获得传递的参数,当然获取参数的方式有多种多样,下面就介绍其中的一种,和大家一起分享,希望能够给大家带来一定的帮助,代码如下:

var url="http://www.softwhy.com/home.php?mod=space&do=home&view=all";
if(url.indexOf("?")!=-1) 
{
var str=url.substr(url.indexOf("?")+1);
strs=str.split("&");
for(i=0;i<strs.length;i++) 
{
alert(strs.length);
alert(strs[i].split("=")[0]);
alert(strs[i].split("=")[1]);
alert(strs[i].split("=")[0],'=',strs[i].split("=")[1],'<br>');
}
}

在以上链接中:

1.strs.length的长度是3。
2.strs[0].split("=")[0]是mod,strs[0].split("=")[1]是space。
3.strs[1].split("=")[0]是do,strs[1].split("=")[1]是home。

后面的依次类推。

下面给大家分享3种JS获取地址栏参数的代码实例

有时候,我们需要获取静态页面的地址栏参数值,用JS是最简便的方法了,以下收集了三种用javaScript获取地址栏参数的函数代码,比较好用,下面一一与大家分享代码:

JS获取地址栏字符串参数,方法一:

<script type="text/javascript">
Request = {
QueryString : function(item){
var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)","i"));
return svalue ? svalue[] : svalue;
}
}
alert(Request.QueryString("id"));
</script>

JS获取地址栏字符串参数,方法二:

<script type="text/javascript">
var URLParams = new Array();
var aParams = document.location.search.substr().split('&');
for (i=; i < aParams.length i++){
var aParam = aParams.split('=');
URLParams[aParam[]] = aParam[];
}
//获取传过来的name参数:
name=URLParams["name"];
</script>

JS获取地址栏字符串参数,方法三:

<script type="text/javascript">
function getvalue(name)
{
var str=window.location.search;
if (str.indexOf(name)!=-)
{
var pos_start=str.indexOf(name)+name.length+;
var pos_end=str.indexOf("&",pos_start);
if (pos_end==-)
{
return str.substring(pos_start);
}
else
{
return str.substring(pos_start,pos_end)
}
}
else
{
return "没有这个name值";
}
}
var strName=prompt("请输入您所要值的名字");
alert(getvalue(strName));
</script>

这三种方法使用的内核都不一样,请根据自己的程序要求自行选择使用。

Javascript 相关文章推荐
JavaScript 学习小结(适合新手参考)
Jul 30 Javascript
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
Jan 13 Javascript
jQuery is()函数用法3例
May 06 Javascript
Javascript中判断一个值是否为undefined的方法详解
Sep 28 Javascript
JavaScript 详解预编译原理
Jan 22 Javascript
JS实现图片点击后出现模态框效果
May 03 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
详解JS深拷贝与浅拷贝
Aug 04 Javascript
vue 调用 RESTful风格接口操作
Aug 11 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 Javascript
ES6 解构赋值的原理及运用
May 25 Javascript
快速学习AngularJs HTTP响应拦截器
Dec 31 #Javascript
常见的javascript跨域通信方法
Dec 31 #Javascript
javascript实现input file上传图片预览效果
Dec 31 #Javascript
分享几种比较简单实用的JavaScript tabel切换
Dec 31 #Javascript
jQuery+ajax实现文章点赞功能的方法
Dec 31 #Javascript
jQuery实现的超简单点赞效果实例分析
Dec 31 #Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
Dec 31 #Javascript
You might like
全国FM电台频率大全 - 15 山东省
2020/03/11 无线电
php产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
解析PHP计算页面执行时间的实现代码
2013/06/18 PHP
PHP 循环删除无限分类子节点的实现代码
2013/06/21 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
php mailer类调用远程SMTP服务器发送邮件实现方法
2016/03/04 PHP
PHP智能识别收货地址信息实例
2019/01/05 PHP
javascript优先加载笔记代码
2008/09/30 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
2015/08/25 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
2017/04/23 Javascript
微信小程序日期时间选择器使用方法
2018/02/01 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
进一步探究Python的装饰器的运用
2015/05/05 Python
Android基于TCP和URL协议的网络编程示例【附demo源码下载】
2018/01/23 Python
Django+JS 实现点击头像即可更改头像的方法示例
2018/12/26 Python
对Python3 解析html的几种操作方式小结
2019/02/16 Python
Python编程学习之如何判断3个数的大小
2019/08/07 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
Nike爱尔兰官方网站:Nike.com (IE)
2018/03/12 全球购物
美国廉价机票预订网站:Cheapfaremart
2018/04/28 全球购物
联想德国官网:Lenovo Germany
2018/07/04 全球购物
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
常见的软件开发流程有哪些
2015/11/14 面试题
构造方法和其他方法的区别
2016/04/26 面试题
团日活动总结书
2014/05/08 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
2014年乡镇民政工作总结
2014/12/02 职场文书
迁徙的鸟观后感
2015/06/09 职场文书
2015初中团委工作总结
2015/07/28 职场文书
2016教师政治学习心得体会
2016/01/23 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书
JS高级程序设计之class继承重点详解
2022/07/07 Javascript