使用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 10 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
通过点击jqgrid表格弹出需要的表格数据
Dec 02 Javascript
jQuery+ajax实现实用的点赞插件代码
Jul 06 Javascript
用js动态添加html元素,以及属性的简单实例
Jul 19 Javascript
Angular4学习笔记之实现绑定和分包
Aug 01 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
Sep 20 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
Feb 15 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
May 18 Javascript
微信小程序request请求封装,验签代码实例
Dec 04 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
Mar 02 Javascript
echarts饼图各个板块之间的空隙如何实现
Dec 01 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 - Html Transfer Code
2006/10/09 PHP
phpMyAdmin2.11.6安装配置方法
2008/08/24 PHP
php基础学习之变量的使用
2011/06/09 PHP
php foreach正序倒序输出示例代码
2014/07/01 PHP
php版微信公众号自定义分享内容实现方法
2016/09/22 PHP
PHP Mysqli 常用代码集合
2016/11/12 PHP
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
jQuery 幻灯片插件(带缩略图功能)
2011/01/24 Javascript
javascript实现完美拖拽效果
2015/05/06 Javascript
JS原型链怎么理解
2016/06/27 Javascript
Vue.js实战之Vuex的入门教程
2017/04/01 Javascript
Vue filters过滤器的使用方法
2017/07/14 Javascript
MVVM 双向绑定的实现代码
2018/06/21 Javascript
[43:03]完美世界DOTA2联赛PWL S2 PXG vs Magma 第二场 11.21
2020/11/24 DOTA
Python字符串详细介绍
2015/05/09 Python
Python利用Nagios增加微信报警通知的功能
2016/02/18 Python
python MySQLdb使用教程详解
2018/03/20 Python
Linux下python3.7.0安装教程
2018/07/30 Python
python调用pyaudio使用麦克风录制wav声音文件的教程
2019/06/26 Python
Python获取一个用户名的组ID过程解析
2019/09/03 Python
Python实现寻找回文数字过程解析
2020/06/09 Python
Python+Kepler.gl实现时间轮播地图过程解析
2020/07/20 Python
详解python os.path.exists判断文件或文件夹是否存在
2020/11/16 Python
CSS3 实现弹跳的小球动画
2020/10/26 HTML / CSS
Canvas 像素处理之改变透明度的实现代码
2019/01/08 HTML / CSS
迪梵英国官方网站:Darphin英国
2017/12/06 全球购物
大学生职业规划前言模板
2013/12/27 职场文书
大专毕业自我鉴定
2014/02/04 职场文书
全国优秀辅导员事迹材料
2014/05/14 职场文书
工作散漫检讨书
2014/09/16 职场文书
Python基础之常用库常用方法整理
2021/04/30 Python
Win11怎么跳过联网验机 ?Win11跳过联网验机激活教程
2022/04/05 数码科技
PostgreSQL数据库创建并使用视图以及子查询
2022/04/11 PostgreSQL
Python进程池与进程锁之语法学习
2022/04/11 Python
nginx 配置指令之location使用详解
2022/05/25 Servers
git stash(储藏)的用法总结
2022/06/25 Servers