实例详解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 相关文章推荐
用按钮控制iframe显示的网页实现方法
Feb 04 Javascript
jQuery学习笔记之toArray()
Jun 09 Javascript
Bootstrap导航条的使用和理解3
Dec 14 Javascript
Angular ng-repeat指令实例以及扩展部分
Dec 26 Javascript
JavaScript 中的 this 简单规则
Sep 19 Javascript
第一个Vue插件从封装到发布
Nov 22 Javascript
JavaScript实现左侧菜单效果
Dec 14 Javascript
利用JS实现一个同Excel表现的智能填充算法
Aug 13 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 Javascript
将RGB值转换为灰度值的简单算法
Oct 09 Javascript
用webAPI实现图片放大镜效果
Nov 23 Javascript
jQuery ajax - getScript() 方法和getJSON方法
May 14 jQuery
快速学习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
php json转换成数组形式代码分享
2014/11/10 PHP
php输入数据统一类实例
2015/02/23 PHP
php 数组元素快速去重
2017/05/05 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
jquery属性过滤选择器使用示例
2013/06/18 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
Javascript排序算法之计数排序的实例
2014/04/05 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
jQuery+Ajax实现无刷新操作
2016/01/04 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
2016/11/16 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
jQuery实现checkbox即点即改批量删除及中间遇到的坑
2017/11/11 jQuery
Javascript网页抢红包外挂实现分享
2018/01/11 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
2018/08/25 Javascript
推荐15个最好用的JavaScript代码压缩工具
2019/02/13 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
2019/04/02 Javascript
js实现百度淘宝搜索功能
2020/02/17 Javascript
Python获取文件ssdeep值的方法
2014/10/05 Python
Python简单进程锁代码实例
2015/04/27 Python
Python判断值是否在list或set中的性能对比分析
2016/04/16 Python
Django 根据数据模型models创建数据表的实例
2018/05/27 Python
python实现坦克大战游戏 附详细注释
2020/03/27 Python
Python常用模块os.path之文件及路径操作方法
2019/12/03 Python
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
GIVENCHY纪梵希官方旗舰店:高定彩妆与贵族护肤品
2018/04/16 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
中东奢侈品市场:Coveti
2019/05/12 全球购物
服装公司总经理岗位职责
2013/11/30 职场文书
幼儿教师思想汇报
2014/01/10 职场文书
慈善晚会策划方案
2014/05/14 职场文书
新手上路标语
2014/06/20 职场文书
2014年林业工作总结
2014/12/05 职场文书
2015年外贸业务员工作总结范文
2015/05/23 职场文书
英语版自我评价,35句话轻松搞定
2019/10/08 职场文书
python 远程执行命令的详细代码
2022/02/15 Python