通过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 相关文章推荐
Jquery进度条插件 Progress Bar小问题解决
Jul 12 Javascript
JavaScript在多浏览器下for循环的使用方法
Nov 07 Javascript
jquery.validate的使用说明介绍
Nov 12 Javascript
Javascript中的Callback方法浅析
Mar 15 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
Jan 08 Javascript
javascript用rem来做响应式开发
Jan 13 Javascript
JS同步、异步、延迟加载的方法
May 05 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
Dec 24 Javascript
vue图片上传本地预览组件使用详解
Feb 20 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
Jun 17 Javascript
javascript 设计模式之享元模式原理与应用详解
Apr 08 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 30 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
PHP编程过程中需要了解的this,self,parent的区别
2009/12/30 PHP
php设计模式 Adapter(适配器模式)
2011/06/26 PHP
PHP抽象类 介绍
2012/06/13 PHP
使用Linux五年积累的一些经验技巧
2013/06/20 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
微信红包随机生成算法php版
2016/07/21 PHP
php生成0~1随机小数的方法(必看)
2017/04/05 PHP
JavaScript 克隆数组最简单的方法
2009/02/12 Javascript
jquery pagination插件实现无刷新分页代码
2009/10/13 Javascript
跟着Jquery API学Jquery之一 选择器
2010/04/07 Javascript
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
JavaScript设计模式之单件模式介绍
2014/12/28 Javascript
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
2015/11/23 Javascript
浅谈几种常用的JS类定义方法
2016/06/08 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
jQuery实现标签页效果实战(4)
2017/02/08 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
2019/03/28 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
在react项目中使用antd的form组件,动态设置input框的值
2020/10/24 Javascript
[00:59]DOTA2英雄背景故事——上古巨神
2020/06/28 DOTA
python3使用PyMysql连接mysql数据库实例
2017/02/07 Python
Python实现输出某区间范围内全部素数的方法
2018/05/02 Python
对python中的xlsxwriter库简单分析
2018/05/04 Python
设置python3为默认python的方法
2018/10/31 Python
Django 创建/删除用户的示例代码
2019/07/24 Python
使用Django搭建一个基金模拟交易系统教程
2019/11/18 Python
基于 HTML5 WebGL 实现的垃圾分类系统
2019/10/08 HTML / CSS
英国运动风奢侈品购物网站:Maison De Fashion
2020/08/28 全球购物
写好求职信第一句话的技巧
2013/10/26 职场文书
竞选学习委员演讲稿
2014/04/28 职场文书
优秀少先队辅导员事迹材料
2014/12/24 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
年终奖金发放管理制度,中小企业适用,拿去救急吧!
2019/07/12 职场文书