通过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的仿Windows Aero弹出窗(漂亮的关闭按钮)
Sep 28 Javascript
Jquery replace 字符替换实现代码
Dec 02 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
Nov 25 Javascript
javascript动态设置样式style实例分析
May 13 Javascript
浅谈javascript原型链与继承
Jul 13 Javascript
js判断日期时间有效性的方法
Oct 24 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
Jan 11 Javascript
原生js获取left值和top值的三种方法
Aug 02 Javascript
vue与TypeScript集成配置最简教程(推荐)
Oct 17 Javascript
浅谈在Vue-cli里基于axios封装复用请求
Nov 06 Javascript
React中使用UMEditor的方法示例
Dec 27 Javascript
JS代码优化的8点建议
Feb 04 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 数据库树的遍历方法
2009/02/06 PHP
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
PHP获取文件相对路径的方法
2015/02/26 PHP
php实现统计网站在线人数的方法
2015/05/12 PHP
PHP中的类型提示(type hinting)功能介绍
2015/07/01 PHP
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
2009/02/04 Javascript
jqGrid jQuery 表格插件测试代码
2011/08/23 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
2015/09/26 Javascript
基于javascript bootstrap实现生日日期联动选择
2016/04/07 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
2017/01/13 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
vue.js实现格式化时间并每秒更新显示功能示例
2018/07/07 Javascript
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
2018/09/29 Javascript
mpvue项目中使用第三方UI组件库的方法
2018/09/30 Javascript
Vue一个案例引发的递归组件的使用详解
2018/11/15 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
2019/09/26 Javascript
微信小程序仿通讯录功能
2020/04/09 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
用python删除java文件头上版权信息的方法
2014/07/31 Python
python执行系统命令后获取返回值的几种方式集合
2018/05/12 Python
基于Python实现扑克牌面试题
2019/12/11 Python
为什么黑客都用python(123个黑客必备的Python工具)
2020/01/31 Python
Python接口测试结果集实现封装比较
2020/05/01 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
SheIn俄罗斯:时尚女装网上商店
2017/02/28 全球购物
Sasa莎莎海外旗舰店:香港莎莎美妆平台
2018/03/21 全球购物
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
公司道歉信范文
2014/01/09 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
英语故事演讲稿
2014/04/29 职场文书
中国文明网向国旗敬礼活动精彩寄语2014
2014/09/27 职场文书
2015年村党支部工作总结
2015/04/30 职场文书
会议承办单位欢迎词
2019/07/09 职场文书