js修改地址栏URL参数解决url参数问题
更新时间：2012年12月15日 16:37:28 作者：
现在做网页，经常会碰到处理地址栏参数的问题,因此，就专门做了一个修改地址栏参数的方法,需要了解的朋友可以参考下
现在做网页，经常会碰到处理地址栏参数的问题，但一直是凭感觉做，之后漏洞百出也不知道从哪改起，因此，就专门做了一个修改地址栏参数的方法，这一下，就再也不用愁啦，哈哈！
以下就是我编的方法，使用很简单的哦：
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
怎么样，挺好用的吧！哈哈
以下就是我编的方法，使用很简单的哦：
复制代码 代码如下:
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中pop()方法的使用教程,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了javaScript中的this示例学习详解及工作原理，大家参考使用吧2014-01-01
这篇文章主要介绍了JavaScript构造函数及new运算符，通过认识new运算符，代码解读，重点解析，new存在的意义，总结等全面介绍了知识点，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。2017-08-08
JavaScript高级程序设计（第3版）学习笔记2 js基础语法
这一篇复习一下ECMAScript规范中的基础语法，英文好的朋友可以直接阅读官方文档。JavaScript本质上也是一种类C语言，熟悉C语言的朋友，可以非常轻松的阅读这篇文章，甚至都可以跳过，不过建议你最好还是看一看，在介绍的同时，我可能会引用一些自认为不易理解且比较流行的用法。2012-10-10
下面小编就为大家带来一篇深入理解js中this的用法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
删除重复数据的算法...2006-11-11
使用原生JS获取select元素选中的value和text值
这篇文章介绍了使用原生JS获取select元素选中的value和text值，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
这篇文章主要介绍了JavaScript中的事件循环方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了详解JavaScript ES6中的Generator,ES6版本的JS带来了诸多简洁化的改善,需要的朋友可以参考下2015-07-07
js nextSibling属性和previousSibling属性概述及使用注意
nextSibling属性:该属性表示当前节点的下一个节点；如果其后没有与其同级的节点，则返回null;previousSibling属性:该属性与nextSibling属性的作用正好相反,接下来将详细介绍下，感兴趣的你不妨了解下哦，或许对你有所帮助2013-02-02
最新评论