通过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 相关文章推荐
js实现字符串的16进制编码不加密
Apr 25 Javascript
jQuery中scrollLeft()方法用法实例
Jan 16 Javascript
js点击选择文本的方法
Feb 09 Javascript
JS实现方向键切换输入框焦点的方法
Aug 19 Javascript
js操作二进制数据方法
Mar 03 Javascript
jQuery创建及操作xml格式数据示例
May 26 jQuery
Vue中的验证登录状态的实现方法
Mar 09 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
Jul 19 Javascript
VUE 组件转换为微信小程序组件的方法
Nov 06 Javascript
electron 安装,调试,打包的具体使用
Nov 06 Javascript
详解Vue router路由
Nov 20 Vue.js
vue3.0 数字翻牌组件的使用方法详解
Apr 20 Vue.js
浅谈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
第一节--面向对象编程
2006/11/16 PHP
作为PHP程序员应该了解MongoDB的五件事
2013/06/03 PHP
PHP批量检测并去除文件BOM头代码实例
2014/05/08 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
php实现的任意进制互转类分享
2015/07/07 PHP
如何在PHP中使用数组
2020/06/09 PHP
jQuery使用之处理页面元素用法实例
2015/01/19 Javascript
JS基于面向对象实现的放烟花效果
2015/05/07 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
前端js弹出框组件使用方法
2020/08/24 Javascript
jquery仿苹果的时间/日期选择效果
2017/03/08 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
2018/03/27 Javascript
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
2018/11/01 NodeJs
在vue中使用回调函数,this调用无效的解决
2020/08/11 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
基于Python Shell获取hostname和fqdn释疑
2016/01/25 Python
关于Python如何避免循环导入问题详解
2017/09/14 Python
基于Python列表解析(列表推导式)
2018/06/23 Python
python实现随机漫步算法
2018/08/27 Python
PyTorch中permute的用法详解
2019/12/30 Python
解决Tensorflow 使用时cpu编译不支持警告的问题
2020/02/03 Python
pytorch实现从本地加载 .pth 格式模型
2020/02/14 Python
基于Python绘制个人足迹地图
2020/06/01 Python
python:HDF和CSV存储优劣对比分析
2020/06/08 Python
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
英国简约舒适女装品牌:Great Plains
2018/07/27 全球购物
大家检讨书5000字
2014/02/03 职场文书
《自然之道》教学反思
2014/02/11 职场文书
空中乘务员岗位职责
2014/03/08 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
10的分与合教学反思
2014/04/30 职场文书
浅谈如何提高PHP代码质量之单元测试
2021/05/28 PHP