javascritp添加url参数将参数加入到url中

 更新时间:2014年09月25日 17:02:58   投稿:whsnow  
javascritp添加url参数方法,将参数加入到url中,如果原来url中有则覆盖,下面是示例代码,感兴趣的朋友可以参考下

将对象参数加入到url中,如果原来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'}); 

相关文章

  • Js 冒泡事件阻止实现代码

    Js 冒泡事件阻止实现代码

    当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发
    2013-01-01
  • javascript中parseInt()函数的定义和用法分析

    javascript中parseInt()函数的定义和用法分析

    这篇文章主要介绍了javascript中parseInt()函数的定义和用法,较为详细的分析了parseInt()函数的定义及具体用法,以及参数使用时的注意事项,需要的朋友可以参考下
    2014-12-12
  • js 日期转换成中文格式的函数

    js 日期转换成中文格式的函数

    最近的项目需要将日期转换成中文的格式,于是写了个小小的JS函数,使用时直接调用即可.
    2009-07-07
  • 详解可以用在VS Code中的正则表达式小技巧

    详解可以用在VS Code中的正则表达式小技巧

    这篇文章主要介绍了详解可以用在VS Code中的正则表达式小技巧,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • javascript中Object使用详解

    javascript中Object使用详解

    这篇文章主要介绍了javascript中Object使用详解,非常全面详尽,有需要的小伙伴参考下
    2015-01-01
  • js操作cookie保存浏览记录的方法

    js操作cookie保存浏览记录的方法

    这篇文章主要介绍了js操作cookie保存浏览记录的方法,涉及JavaScript使用cookie记录并保存用户浏览网页信息的实现技巧,需要的朋友可以参考下
    2015-12-12
  • JavaScript编写一个简易购物车功能

    JavaScript编写一个简易购物车功能

    这篇文章主要为大家详细介绍了JavaScript简易购物车功能的编写代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 微信小程序 引入es6 promise

    微信小程序 引入es6 promise

    本篇文章主要介绍了微信小程序引入es6 promise的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • js实现飞机大战游戏

    js实现飞机大战游戏

    这篇文章主要为大家详细介绍了js实现飞机大战游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • Javascript中arguments对象的详解与使用方法

    Javascript中arguments对象的详解与使用方法

    ECMAScript中的函数并不介意传递的参数有多少,也不介意是什么类型。由于JavaScript允许函数有不定数目的参数,所以我们需要一种机制,可以在 函数体内 部读取所有参数。这就是arguments对象的由来。这篇文章将详细介绍Javascript中的arguments对象和使用方法。
    2016-10-10

最新评论