通过jquery 获取URL参数并进行转码


Posted in Javascript onAugust 18, 2014

jquery 获取URL参数并转码,首先构造一个含有目标参数的正则表达式对象,匹配目标参数并返回参数值

代码如下:

<script type="text/javascript"> 
$(document).ready(function(){ 
var pic_url=getUrlParam("picture"); 

$("#childpic").attr("src",pic_url); 
var content=getUrlParam("content"); 
$("#content").html("<b>"+content+"</b>"); 
}); 
function getUrlParam(name){ 
//构造一个含有目标参数的正则表达式对象 
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); 
//匹配目标参数 
var r = window.location.search.substr(1).match(reg); 
//alert(r); 
//返回参数值 
if (r!=null) return decodeURI(r[2]); 
return null; 
} 
</script>

测试url:http://xxxx.html?picture="XXXX"&content="你好!"

Javascript 相关文章推荐
javascript 面向对象编程 function也是类
Sep 17 Javascript
关于firefox的ElementTraversal 接口 使用说明
Nov 11 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
Jun 27 Javascript
C++中的string类的用法小结
Aug 07 Javascript
js实现点击文本框显示日期选择器特效代码分享
May 21 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
深入探究JavaScript中for循环的效率问题及相关优化
Mar 13 Javascript
浅析vue给不同环境配置不同打包命令
Aug 17 Javascript
react同构实践之实现自己的同构模板
Mar 13 Javascript
js module大战
Apr 19 Javascript
layui实现下拉框三级联动
Jul 26 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
Jan 16 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
Aug 18 #Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 #Javascript
使用node.js半年来总结的 10 条经验
Aug 18 #Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
Aug 18 #Javascript
根据当前时间在jsp页面上显示上午或下午
Aug 18 #Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 #Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
Aug 18 #Javascript
You might like
探讨GDFONTPATH能否被winxp下的php支持
2013/06/21 PHP
yii实现model添加默认值的方法(2种方法)
2016/01/06 PHP
php基于dom实现读取图书xml格式数据的方法
2017/02/03 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
PHP htmlspecialchars()函数用法与实例讲解
2019/03/08 PHP
php根据命令行参数生成配置文件详解
2019/03/15 PHP
PHP实现网站应用微信登录功能详解
2019/04/11 PHP
php反射学习之依赖注入示例
2019/06/14 PHP
java与javascript之间json格式数据互转介绍
2013/10/29 Javascript
基于jquery实现的可编辑下拉框实现代码
2014/08/02 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
JS本地刷新返回上一页代码
2016/07/25 Javascript
一个炫酷的Bootstrap导航菜单
2016/12/28 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
javascript简单链式调用案例分析
2017/05/10 Javascript
vue-content-loader内容加载器的使用方法
2018/08/05 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
使用Python的Flask框架来搭建第一个Web应用程序
2016/06/04 Python
使用Python如何测试InnoDB与MyISAM的读写性能
2018/09/18 Python
使用python对多个txt文件中的数据进行筛选的方法
2019/07/10 Python
Python3 Click模块的使用方法详解
2020/02/12 Python
jupyter 实现notebook中显示完整的行和列
2020/04/09 Python
Python 多进程、多线程效率对比
2020/11/19 Python
html5中的input新属性range使用记录
2014/09/05 HTML / CSS
新西兰廉价汽车租赁:Snap Rentals
2018/09/14 全球购物
爱尔兰旅游网站:ebookers.ie
2020/01/24 全球购物
牛津在线药房:Oxford Online Pharmacy
2020/11/16 全球购物
经典c++面试题三
2015/07/08 面试题
行政部工作岗位职责范本
2014/03/05 职场文书
户外活动总结
2015/02/04 职场文书
2016十一国庆节慰问信
2015/12/01 职场文书
2016大学生入党积极分子心得体会
2016/01/06 职场文书
穷人该怎么创业?谨记以下几点
2019/07/11 职场文书
创业计划书之奶茶店开店方案范本!
2019/08/06 职场文书
分析并发编程之LongAdder原理
2021/06/29 Java/Android