javascritp添加url參數(shù)將參數(shù)加入到url中
更新時(shí)間:2014年09月25日 17:02:58 投稿:whsnow
javascritp添加url參數(shù)方法,將參數(shù)加入到url中,如果原來(lái)url中有則覆蓋,下面是示例代碼,感興趣的朋友可以參考下
將對(duì)象參數(shù)加入到url中,如果原來(lái)url中有則覆蓋
js代碼
function addToUrl(obj){
var aprotocol = location.protocol;
var ahost = location.host;
var apath = location.pathname;
var asearch = location.search;
var ahash = location.hash;
var result = '';
console.log(obj);
var joinObj = function(joinObj_obj){
var result = '';
for(var i in joinObj_obj){
result += i + '=' + joinObj_obj[i];
}
return result;
};
var splitSearchToObj = function(str){
var resObj = {};
var arr = str.split('&');
for(var i = 0; i < arr.length; i++){
resObj[arr[0]] = arr[1];
}
return resObj;
};
var existObjKey = function(existObjKey_obj, str){
for(var i in existObjKey_obj){
if(i == str){
return true;
}
}
return false;
};
var objExtend = function(obj1, obj2){
var result = {};
for(var i in obj1){
if(existObjKey(obj2, i)){
result[i] = obj2[i];
}else{
result[i] = obj1[i];
}
}
};
if(asearch == ''){
console.log(obj);
result = aprotocol + '//' + ahost + apath + '?' + joinObj(obj) + ahash;
}else{
var oldSearchObj = splitSearchToObj(asearch.substr(1));
result = aprotocol + '//' + ahost + apath + joinObj(objExtend(oldSearchObj, obj)) + ahash;
}
return result;
}
addToUrl({'kd': 'aaa'});
您可能感興趣的文章:
- java根據(jù)方法名稱取得反射方法的參數(shù)類型示例
- Java獲取代碼中方法參數(shù)名信息的方法
- java向多線程中傳遞參數(shù)的三種方法詳細(xì)介紹
- java解析出url請(qǐng)求的路徑和參數(shù)鍵值對(duì)類(解析出url請(qǐng)求的路徑,包括頁(yè)面)
- Java如何實(shí)現(xiàn)URL帶請(qǐng)求參數(shù)(get/post)及得到get和post請(qǐng)求url和參數(shù)列表的方法
- java eclipse 啟動(dòng)參數(shù)
- Java方法的可變參數(shù)類型實(shí)例分析
- Java方法參數(shù)是引用調(diào)用還是值調(diào)用?
- Java 8中如何獲取參數(shù)名稱的方法示例
相關(guān)文章
javascript Canvas動(dòng)態(tài)粒子連線
這篇文章主要為大家詳細(xì)介紹了javascript Canvas動(dòng)態(tài)粒子連線,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01
javascript結(jié)合CSS實(shí)現(xiàn)蘋(píng)果開(kāi)關(guān)按鈕特效
這篇文章主要介紹了javascript結(jié)合CSS實(shí)現(xiàn)蘋(píng)果開(kāi)關(guān)按鈕特效的方法以及全部代碼,效果非常不錯(cuò),兼容性也很好,有需要的小伙伴自己參考下2015-04-04
JavaScript中檢查對(duì)象property的存在性方法介紹
這篇文章主要介紹了JavaScript中檢查對(duì)象property的存在性方法介紹,本文講解了4種方法來(lái)檢查某個(gè)對(duì)象o是否擁有property x,需要的朋友可以參考下2014-12-12
JavaScript前端中的偽類元素before和after使用詳解
before和after也算是css里面最常見(jiàn)的元素了,而我卻一直不太了解,再不學(xué)一下就真的太不像話了。所以學(xué)習(xí)一下,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2023-02-02
JavaScript模擬深藍(lán)vs卡斯帕羅夫的國(guó)際象棋對(duì)局示例
這篇文章主要介紹了JavaScript模擬深藍(lán)vs卡斯帕羅夫的國(guó)際象棋對(duì)局示例,使用javascript較為逼真的模擬出了國(guó)際象棋對(duì)弈的場(chǎng)景,需要的朋友可以參考下2015-04-04
JavaScript詳細(xì)分析數(shù)據(jù)類型和運(yùn)算符
這篇文章主要介紹了JavaScript數(shù)據(jù)類型和運(yùn)算符案例,結(jié)合實(shí)例形式分析了JavaScript數(shù)據(jù)類型和運(yùn)算符特性與相關(guān)操作技巧,需要的朋友可以參考下2022-07-07
JavaScript之instanceof方法手寫(xiě)示例詳解
這篇文章主要為大家介紹了JavaScript之instanceof方法手寫(xiě)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10

