使用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 相关文章推荐
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
Nov 30 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
jQuery 快速结束当前正在执行的动画
Nov 20 Javascript
js动态修改整个页面样式达到换肤效果
May 23 Javascript
Angular中的Promise对象($q介绍)
Mar 03 Javascript
jQuery获取上传文件的名称的正则表达式
May 21 Javascript
浅谈Javascript线程及定时机制
Jul 02 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
Aug 25 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
Nov 01 Javascript
BootStrap Table 后台数据绑定、特殊列处理、排序功能
May 27 Javascript
vue实现随机验证码功能(完整代码)
Dec 10 Javascript
vue使用exif获取图片经纬度的示例代码
Dec 11 Vue.js
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中修改浏览器的User-Agent来伪装你的浏览器和操作系统
2011/07/29 PHP
php微信公众平台配置接口开发程序
2016/09/22 PHP
php实现获取近几日、月时间示例
2019/07/06 PHP
解决jquery异步按一定的时间间隔刷新问题
2012/12/10 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
通过$(this)使用jQuery包装后的方法或属性
2014/05/18 Javascript
DOM节点删除函数removeChild()用法实例
2015/01/12 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
批量下载对路网图片并生成html的实现方法
2016/06/07 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
Vue2.0 从零开始_环境搭建操作步骤
2017/06/14 Javascript
bootstrap3-dialog-master模态框使用详解
2017/08/22 Javascript
three.js中3D视野的缩放实现代码
2017/11/16 Javascript
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
使用vuex缓存数据并优化自己的vuex-cache
2018/05/30 Javascript
详解Vue.js v-for不支持IE9的解决方法
2018/12/29 Javascript
关于layui导航栏不展示下拉列表的解决方法
2019/09/25 Javascript
mpvue实现左侧导航与右侧内容的联动
2019/10/21 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
2020/04/06 Javascript
vue或react项目生产环境去掉console.log的操作
2020/09/02 Javascript
[59:35]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第一场 1月8日
2021/03/11 DOTA
Python的socket模块源码中的一些实现要点分析
2016/06/06 Python
详解Python装饰器由浅入深
2016/12/09 Python
Python检测网络延迟的代码
2018/05/15 Python
Python 分发包中添加额外文件的方法
2019/08/16 Python
Python异步编程之协程任务的调度操作实例分析
2020/02/01 Python
常用的HTML5列表标签
2017/06/20 HTML / CSS
大学生职业生涯规划书前言
2014/01/09 职场文书
护士辞职信模板
2014/01/20 职场文书
品牌推广活动策划方案
2014/08/19 职场文书
党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
2015年仓库管理员工作总结
2015/04/21 职场文书
Ubuntu Server 安装Tomcat并配置systemctl
2022/04/28 Servers