js修改地址欄URL參數(shù)解決url參數(shù)問(wèn)題
更新時(shí)間：2012年12月15日 16:37:28 作者：
現(xiàn)在做網(wǎng)頁(yè)，經(jīng)常會(huì)碰到處理地址欄參數(shù)的問(wèn)題,因此，就專門(mén)做了一個(gè)修改地址欄參數(shù)的方法,需要了解的朋友可以參考下
現(xiàn)在做網(wǎng)頁(yè)，經(jīng)常會(huì)碰到處理地址欄參數(shù)的問(wèn)題，但一直是憑感覺(jué)做，之后漏洞百出也不知道從哪改起，因此，就專門(mén)做了一個(gè)修改地址欄參數(shù)的方法，這一下，就再也不用愁啦，哈哈！
以下就是我編的方法，使用很簡(jiǎn)單的哦：
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是目標(biāo)字符串，比如是http://www.huistd.com/?id=3&ttt=3
par是參數(shù)名，par_value是參數(shù)要更改的值，調(diào)用結(jié)果如下：
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
怎么樣，挺好用的吧！哈哈
以下就是我編的方法，使用很簡(jiǎn)單的哦：
復(fù)制代碼 代碼如下:
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是目標(biāo)字符串，比如是http://www.huistd.com/?id=3&ttt=3
par是參數(shù)名，par_value是參數(shù)要更改的值，調(diào)用結(jié)果如下：
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
怎么樣，挺好用的吧！哈哈
相關(guān)文章
這篇文章主要介紹了JavaScript中pop()方法的使用教程,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
javaScript中的this示例學(xué)習(xí)詳解及工作原理
這篇文章主要介紹了javaScript中的this示例學(xué)習(xí)詳解及工作原理，大家參考使用吧2014-01-01
不得不看之JavaScript構(gòu)造函數(shù)及new運(yùn)算符
這篇文章主要介紹了JavaScript構(gòu)造函數(shù)及new運(yùn)算符，通過(guò)認(rèn)識(shí)new運(yùn)算符，代碼解讀，重點(diǎn)解析，new存在的意義，總結(jié)等全面介紹了知識(shí)點(diǎn)，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08
JavaScript高級(jí)程序設(shè)計(jì)（第3版）學(xué)習(xí)筆記2 js基礎(chǔ)語(yǔ)法
這一篇復(fù)習(xí)一下ECMAScript規(guī)范中的基礎(chǔ)語(yǔ)法，英文好的朋友可以直接閱讀官方文檔。JavaScript本質(zhì)上也是一種類C語(yǔ)言，熟悉C語(yǔ)言的朋友，可以非常輕松的閱讀這篇文章，甚至都可以跳過(guò)，不過(guò)建議你最好還是看一看，在介紹的同時(shí)，我可能會(huì)引用一些自認(rèn)為不易理解且比較流行的用法。2012-10-10
下面小編就為大家?guī)?lái)一篇深入理解js中this的用法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
刪除重復(fù)數(shù)據(jù)的算法...2006-11-11
使用原生JS獲取select元素選中的value和text值
這篇文章介紹了使用原生JS獲取select元素選中的value和text值，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
這篇文章主要介紹了JavaScript中的事件循環(huán)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章主要介紹了詳解JavaScript ES6中的Generator,ES6版本的JS帶來(lái)了諸多簡(jiǎn)潔化的改善,需要的朋友可以參考下2015-07-07
js nextSibling屬性和previousSibling屬性概述及使用注意
nextSibling屬性:該屬性表示當(dāng)前節(jié)點(diǎn)的下一個(gè)節(jié)點(diǎn)；如果其后沒(méi)有與其同級(jí)的節(jié)點(diǎn)，則返回null;previousSibling屬性:該屬性與nextSibling屬性的作用正好相反,接下來(lái)將詳細(xì)介紹下，感興趣的你不妨了解下哦，或許對(duì)你有所幫助2013-02-02