实例详解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 相关文章推荐
ECMAScript 基础知识
Jun 29 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jun 09 Javascript
JS+css 图片自动缩放自适应大小
Aug 08 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
Sep 21 Javascript
JavaScript获取table中某一列的值的方法
May 06 Javascript
js实现多选项切换导航菜单的方法
Feb 06 Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
Apr 15 Javascript
JS通过Cookie判断页面是否为首次打开
Feb 05 Javascript
微信小程序 自己制作小组件实例详解
Dec 22 Javascript
深入理解Javascript中的valueOf与toString
Jan 04 Javascript
nginx+vue.js实现前后端分离的示例代码
Feb 12 Javascript
vue-router为激活的路由设置样式操作
Jul 18 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
LotusPhp笔记之:Cookie组件的使用详解
2013/05/06 PHP
PHP清除数组中所有字符串两端空格的方法
2014/10/20 PHP
php删除数组中重复元素的方法
2015/12/22 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
解决AJAX中跨域访问出现'没有权限'的错误
2008/08/20 Javascript
js 控制页面跳转的5种方法
2013/09/09 Javascript
js 阻止子元素响应父元素的onmouseout事件具体实现
2013/12/23 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
2016/08/24 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
2016/09/06 Javascript
JavaScript之面向对象_动力节点Java学院整理
2017/06/29 Javascript
webpack配置sass模块的加载的方法
2017/07/30 Javascript
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
JSON生成Form表单的方法示例
2018/11/21 Javascript
微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例
2018/12/20 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
[03:22]DAC最前线(第二期)—DOTA2亚洲邀请赛主赛场周边及线路探访
2015/01/24 DOTA
python中list列表的高级函数
2016/05/17 Python
Python中__init__.py文件的作用详解
2016/09/18 Python
从零开始学Python第八周:详解网络编程基础(socket)
2016/12/14 Python
带你认识Django
2019/01/15 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
python使用 zip 同时迭代多个序列示例
2019/07/06 Python
css3截图_动力节点Java学院整理
2017/07/11 HTML / CSS
美国在线眼镜商城:Eyeglasses.com
2017/06/26 全球购物
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
个人简历中自我评价
2014/02/11 职场文书
2014年元旦活动方案
2014/02/15 职场文书
房产协议书范本2014
2014/09/30 职场文书
2014年小学英语教师工作总
2014/12/03 职场文书
大学生党员个人总结
2015/02/13 职场文书
个人欠条范本
2015/07/03 职场文书
学生会自荐信
2019/05/16 职场文书
一小时学会TensorFlow2之基本操作2实例代码
2021/09/04 Python