js修改地址栏URL参数解决url参数问题


Posted in Javascript onDecember 15, 2012

现在做网页,经常会碰到处理地址栏参数的问题,但一直是凭感觉做,之后漏洞百出也不知道从哪改起,因此,就专门做了一个修改地址栏参数的方法,这一下,就再也不用愁啦,哈哈!

以下就是我编的方法,使用很简单的哦

function changeURLPar(destiny, par, par_value) 
{ 
var pattern = par+'=([^&]*)'; 
var replaceText = par+'='+par_value; 
if (destiny.match(pattern)) 
{ 
var tmp = '/\\'+par+'=[^&]*/'; 
tmp = destiny.replace(eval(tmp), replaceText); 
return (tmp); 
} 
else 
{ 
if (destiny.match('[\?]')) 
{ 
return destiny+'&'+ replaceText; 
} 
else 
{ 
return destiny+'?'+replaceText; 
} 
} 
return destiny+'\n'+par+'\n'+par_value; 
}

destiny是目标字符串,比如是http://www.huistd.com/?id=3&ttt=3
par是参数名,par_value是参数要更改的值,调用结果如下:
changeURLPar(test, 'id', 99); // http://www.huistd.com/?id=99&ttt=3
changeURLPar(test, 'haha', 33); // http://www.huistd.com/?id=99&ttt=3&haha=33
怎么样,挺好用的吧!哈哈
Javascript 相关文章推荐
javascript的offset、client、scroll使用方法详解
Dec 25 Javascript
jQuery实现点击图片翻页展示效果的方法
Feb 16 Javascript
jQuery实现复选框成对选择及对应取消的方法
Mar 03 Javascript
javascript中html字符串转化为jquery dom对象的方法
Aug 27 Javascript
js实现正则匹配中文标点符号的方法
Dec 23 Javascript
jquery对象与DOM对象转化
Feb 08 Javascript
详解Vue.js Mixins 混入使用
Sep 15 Javascript
javascript闭包的使用之按钮切换功能
Aug 30 Javascript
layui导出所有数据的例子
Sep 10 Javascript
小程序的上传文件接口的注意要点解析
Sep 17 Javascript
Vue.js watch监视属性知识点总结
Nov 11 Javascript
如何使用vue3打造一个物料库
May 08 Vue.js
jquery插件如何使用 jQuery操作Cookie插件使用介绍
Dec 15 #Javascript
JavaScript中OnLoad几种使用方法
Dec 15 #Javascript
Javascript中自动切换焦点实现代码
Dec 15 #Javascript
treepanel动态加载数据实现代码
Dec 15 #Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
Dec 15 #Javascript
javascript错误的认识不用关心内存管理
Dec 15 #Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
Dec 15 #Javascript
You might like
这部好评如潮的动漫 知名梗频出 但是画风劝退很多人
2020/03/08 日漫
php 数组的合并、拆分、区别取值函数集
2010/02/15 PHP
php的字符串用法小结
2010/06/08 PHP
PHP解析html类库simple_html_dom的转码bug
2014/05/22 PHP
smarty模板引擎使用内建函数foreach循环取出所有数组值的方法
2015/01/22 PHP
几个javascript操作word的参考代码
2009/10/26 Javascript
jQuery中绑定事件的命名空间详解
2011/04/05 Javascript
javascript小数四舍五入多种方法实现
2012/12/23 Javascript
js判断样式className同时增加class或删除class
2013/01/30 Javascript
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
2014/01/09 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
使用AOP改善javascript代码
2015/05/01 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
jquery实现最简单的滑动菜单效果代码
2015/09/12 Javascript
vue 基于element-ui 分页组件封装的实例代码
2018/12/10 Javascript
怎么使用javascript深度拷贝一个数组
2019/06/06 Javascript
vue 插槽简介及使用示例
2020/11/19 Vue.js
vue自定义组件实现双向绑定
2021/01/13 Vue.js
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
[01:03:27]NAVI vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
在Python 2.7即将停止支持时,我们为你带来了一份python 3.x迁移指南
2018/01/30 Python
python+selenium 定位到元素,无法点击的解决方法
2019/01/30 Python
PyQt5 加载图片和文本文件的实例
2019/06/14 Python
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
年度考核自我鉴定
2013/11/09 职场文书
大学总结自我鉴定
2014/01/18 职场文书
小学生打架检讨书
2014/01/26 职场文书
早会主持词
2014/03/17 职场文书
真诚的求职信
2014/07/04 职场文书
2014党员学习习主席讲话思想汇报
2014/09/15 职场文书
法定授权委托证明书
2014/09/27 职场文书
工作保证书
2015/01/17 职场文书
租赁协议书
2015/01/27 职场文书
一文帮你理解PReact10.5.13源码
2021/04/03 Javascript
go xorm框架的使用
2021/05/22 Golang
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
2022/08/05 Vue.js