通过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 相关文章推荐
ExtJS 工具栏 分页事件参数
Mar 05 Javascript
工作中常用到的JS表单验证代码(包括例子)
Nov 11 Javascript
js中方法重载如何实现?以及函数的参数问题
Aug 01 Javascript
jquery如何根据值设置默认的选中项
Mar 17 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
Oct 14 Javascript
Shell脚本实现Linux系统和进程资源监控
Mar 05 Javascript
AngularJs directive详解及示例代码
Sep 01 Javascript
jQuery中$.ajax()方法参数解析
Oct 22 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
Dec 17 Javascript
JS闭包可被利用的常见场景小结
Apr 09 Javascript
vue高德地图之玩转周边
Jun 16 Javascript
javascript实现弹幕墙效果
Nov 28 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
星际玩家的三大定律
2020/03/04 星际争霸
用在PHP里的JS打印函数
2006/10/09 PHP
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
php获取CSS文件中图片地址并下载到本地的方法
2014/12/02 PHP
Zend Framework动作助手(Zend_Controller_Action_Helper)用法详解
2016/03/05 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
用一段js程序来实现动画功能
2007/03/06 Javascript
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
jQuery 改变CSS样式基础代码
2010/02/11 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
2012/03/15 Javascript
深入理解javascript的执行顺序
2014/04/04 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
2014/12/03 Javascript
javascript中tostring()和valueof()的用法及两者的区别
2015/11/16 Javascript
Nodejs爬虫进阶教程之异步并发控制
2016/02/15 NodeJs
javascript检测移动设备横竖屏
2016/05/21 Javascript
jquery删除数组中重复元素
2016/12/05 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
2017/08/23 Javascript
浅谈Vue Element中Select下拉框选取值的问题
2018/03/01 Javascript
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
2019/08/02 Javascript
浅析vue-router实现原理及两种模式
2020/02/11 Javascript
详解Python3中ceil()函数用法
2019/02/19 Python
python try 异常处理(史上最全)
2019/03/07 Python
详解用python写网络爬虫-爬取新浪微博评论
2019/05/10 Python
Python实现朴素贝叶斯的学习与分类过程解析
2019/08/24 Python
解决TensorFlow GPU版出现OOM错误的问题
2020/02/03 Python
Python基于execjs运行js过程解析
2020/11/27 Python
CSS中越界问题的经典解决方案【推荐】
2016/04/19 HTML / CSS
篝火晚会主持词
2014/03/25 职场文书
2014年大学生就业规划书
2014/04/04 职场文书
企业文化口号
2014/06/12 职场文书
城市规划应届毕业生自荐信
2014/07/04 职场文书
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android
oracle设置密码复杂度及设置超时退出的功能
2022/06/28 Oracle