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 相关文章推荐
jQuery 前的按键判断代码
Mar 19 Javascript
javascript版2048小游戏
Mar 18 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
学习使用bootstrap的modal和carousel
Dec 09 Javascript
JavaScript实现经典排序算法之选择排序
Dec 28 Javascript
轻松实现jQuery添加删除按钮Click事件
Mar 13 Javascript
AngularJs每天学习之总体介绍
Aug 07 Javascript
Vuex 进阶之模块化组织详解
Jan 12 Javascript
JS改变页面颜色源码分享
Feb 24 Javascript
详解JavaScript中操作符和表达式
Sep 12 Javascript
基于javascript实现日历功能原理及代码实例
May 07 Javascript
Vue+Element-U实现分页显示效果
Nov 15 Javascript
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
PHP新手上路(九)
2006/10/09 PHP
PHP性能优化 产生高度优化代码
2011/07/22 PHP
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
php文件后缀不强制为.php的实操方法
2019/09/18 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
YII2框架中ActiveDataProvider与GridView的配合使用操作示例
2020/03/18 PHP
Laravel 5+ .env环境配置文件详解
2020/04/06 PHP
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
关于Javascript与iframe的那些事儿
2013/07/04 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
AngularJS的ng Http Request与response格式转换方法
2016/11/07 Javascript
nodeJS删除文件方法示例
2016/12/25 NodeJs
vue-resource 拦截器使用详解
2017/02/21 Javascript
javaScript和jQuery自动加载简单代码实现方法
2017/11/24 jQuery
angular基于ng-alain定义自己的select组件示例
2018/02/23 Javascript
redux-saga 初识和使用
2018/03/10 Javascript
在vue项目中引用Iview的方法
2018/09/14 Javascript
详解Vue 全局变量,局部变量
2019/04/17 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
[01:45]IMBATV TI4前线报道-选手到达
2014/07/07 DOTA
Python实现更改图片尺寸大小的方法(基于Pillow包)
2016/09/19 Python
python 中字典嵌套列表的方法
2018/07/03 Python
Python自动抢红包教程详解
2019/06/11 Python
python文件转为exe文件的方法及用法详解
2019/07/08 Python
Python 200行代码实现一个滑动验证码过程详解
2019/07/11 Python
python属于哪种语言
2020/08/16 Python
django数据模型中null和blank的区别说明
2020/09/02 Python
Python日志器使用方法及原理解析
2020/09/27 Python
python递归函数用法详解
2020/10/26 Python
Shopty西班牙:缝纫机在线销售
2018/01/26 全球购物
大学生安全责任书
2014/07/25 职场文书
党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
单位收入证明范本
2015/06/18 职场文书
致接力运动员加油稿
2015/07/21 职场文书
Vue vee-validate插件的简单使用
2021/06/22 Vue.js
详解Android中的TimePickerView(时间选择器)的用法
2022/04/30 Java/Android