使用JavaScript获取地址栏参数的方法


Posted in Javascript onDecember 19, 2014
/**

 *  获取地址栏参数

 *

 * @example GetUrlString('id')

 *

 * @desc    调用时加上判断,保证程序不会出错

 *             var myurl = GetUrlString('id');

 *             if (myurl != null && myurl.toString().length > 1) {

 *                  alert(GetUrlString("id"));  

 *             }

 *

 * @param String  param 要获取地址栏中的参数名

 * @return String Value

 * @type String

 *

 * @name GetUrlString()

 *

 */

function GetUrlString(param) {

    var sValue = location.search.match(new RegExp("[\?\&]" + m + "=([^\&]*)(\&?)", "i"));

    return sValue ? decodeURI(sValue[1]) : decodeURI(sValue);

}

调用的时候统一做这样的判断,避免你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错

window.onload = function() {    

    var myurl = GetParm("id");

    if (myurl != null && myurl.toString().length > 1) {

        alert(GetParm("id"));

    }

}

这样就不会报错了!

注释:ECMAScript v3 已从标准中删除了 unescape() 函数,并反对使用它,因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。

小伙伴们是否理解了如何使用JavaScript获取地址栏参数了呢,有疑问的话就留言吧。

Javascript 相关文章推荐
js跟随滚动条滚动浮动代码
Dec 31 Javascript
Jquery Select操作方法集合脚本之家特别版
May 17 Javascript
jQuery学习笔记之jQuery动画效果
Sep 09 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
Mar 10 Javascript
举例讲解JavaScript substring()的使用方法
Nov 09 Javascript
Javascript 实现简单计算器实例代码
Oct 23 Javascript
js数组常用最重要的方法
Feb 04 Javascript
微信小程序实现自定义picker选择器弹窗内容
May 26 Javascript
手写Vue弹窗Modal的实现代码
Sep 11 Javascript
微信小程序 导入图标实现过程详解
Oct 11 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
Mar 03 Javascript
JS获取各种宽度、高度的简单介绍
Dec 19 #Javascript
JQuery右键菜单插件ContextMenu使用指南
Dec 19 #Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
Dec 19 #Javascript
jQuery多级弹出菜单插件ZoneMenu
Dec 18 #Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
Dec 18 #Javascript
jQuery实现视频作为全屏幕背景
Dec 18 #Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
Dec 18 #Javascript
You might like
如何对PHP程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
php addslashes和mysql_real_escape_string
2010/01/24 PHP
php 生成短网址原理及代码
2014/01/23 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十二)
2014/06/25 PHP
简单介绍PHP非阻塞模式
2016/03/03 PHP
详解WordPress中用于更新和获取用户选项数据的PHP函数
2016/03/08 PHP
Thinkphp批量更新数据的方法汇总
2016/06/29 PHP
修改Laravel自带的认证系统的User类的命名空间的步骤
2019/10/15 PHP
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
2016/09/19 Javascript
Node调用Java的示例代码
2017/09/20 Javascript
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
2018/03/16 Javascript
vue发送ajax请求详解
2018/10/09 Javascript
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
python执行get提交的方法
2015/04/29 Python
详解Python中的strftime()方法的使用
2015/05/22 Python
编写Python CGI脚本的教程
2015/06/29 Python
Python+Selenium自动化实现分页(pagination)处理
2017/03/31 Python
Python3 实现随机生成一组不重复数并按行写入文件
2018/04/09 Python
Python如何读写字节数据
2020/08/05 Python
使用CSS3和Checkbox实现JQuery的一些效果
2015/08/03 HTML / CSS
凯特方迪化妆品官网:Kat Von D Beauty
2016/11/15 全球购物
香港时尚女装购物网站:ZAFUL
2017/07/19 全球购物
澳大利亚汽车零部件、音响及配件超市:Automotive Superstore
2018/06/19 全球购物
Feelunique澳大利亚:欧洲的化妆品零售电商
2019/12/18 全球购物
英语简历自我评价
2014/01/26 职场文书
校园安全广播稿范文
2014/09/25 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
公司人事任命通知
2015/04/20 职场文书
《伯牙绝弦》教学反思
2016/02/16 职场文书
Goland使用Go Modules创建/管理项目的操作
2021/05/06 Golang
详解Python为什么不用设计模式
2021/06/24 Python
微软Win11 全新照片应用面向 Dev预览版推出 新版本上手体验图集
2022/09/23 数码科技