JavaScritp添加url参数并将参数加入到url中及更改url参数的方法


Posted in Javascript onOctober 26, 2015

javascritp添加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 = ; i < arr.length; i++){ 
resObj[arr[]] = arr[]; 
} 
return resObj; 
}; 
var existObjKey = function(existObjKey_obj, str){ 
for(var i in existObjKey_obj){ 
if(i == str){ 
return true; 
} 
} 
return false; 
}; 
var objExtend = function(obj, obj){ 
var result = {}; 
for(var i in obj){ 
if(existObjKey(obj, i)){ 
result[i] = obj[i]; 
}else{ 
result[i] = obj[i]; 
} 
} 
}; 
if(asearch == ''){ 
console.log(obj); 
result = aprotocol + '//' + ahost + apath + '?' + joinObj(obj) + ahash; 
}else{ 
var oldSearchObj = splitSearchToObj(asearch.substr()); 
result = aprotocol + '//' + ahost + apath + joinObj(objExtend(oldSearchObj, obj)) + ahash; 
} 
return result; 
} 
addToUrl({'kd': 'aaa'});

JavaScript添加更改URL参数 

function ChangeParam(name,value)
 {
  var url=window.location.href ;
  var newUrl="";
var reg = new RegExp("(^|)"+ name +"=([^&]*)(|$)");
var tmp = name + "=" + value;
if(url.match(reg) != null)
{
 newUrl= url.replace(eval(reg),tmp);
}
else
{
 if(url.match("[\?]"))
 {
 newUrl= url + "&" + tmp;
 }
 else
 {
 newUrl= url + "?" + tmp;
 }
}
   location.href=newUrl;
 }

以上内容是小编给大家介绍的JavaScritp添加url参数并将参数加入到url中及更改url参数的方法,希望对大家有所帮助,更多信息请登录三水点靠木网站了解更多。

Javascript 相关文章推荐
jQuery中width()方法用法实例
Dec 24 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
Apr 24 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
Apr 03 Javascript
jQuery解决浏览器兼容性问题案例分析
Apr 15 Javascript
深入理解jquery中的each用法
Dec 14 Javascript
基于vue 开发中出现警告问题去除方法
Jan 25 Javascript
vue观察模式浅析
Sep 25 Javascript
使用JavaScript破解web
Sep 28 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
Jan 09 Javascript
vue搜索和vue模糊搜索代码实例
May 07 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
Apr 13 Javascript
angular.bind使用心得
Oct 26 #Javascript
详解JavaScript编程中正则表达式的使用
Oct 25 #Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
Oct 25 #Javascript
JavaScript编程中布尔对象的基本使用
Oct 25 #Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
Oct 25 #Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
Oct 25 #Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 #Javascript
You might like
PHP树的代码,可以嵌套任意层
2006/10/09 PHP
PHP 存储文本换行实现方法
2010/01/05 PHP
php实现curl模拟ftp上传的方法
2015/07/29 PHP
Yii2下点击验证码的切换实例代码
2017/03/14 PHP
基于PHP实现微信小程序客服消息功能
2019/08/12 PHP
解决laravel groupBy 对查询结果进行分组出现的问题
2019/10/09 PHP
Javascript miscellanea -display data real time, using window.status
2007/01/09 Javascript
js操作select控件的几种方法
2010/06/02 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
JS数组去重与取重的示例代码
2014/01/24 Javascript
jQuery实现的超简单点赞效果实例分析
2015/12/31 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
2016/01/18 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
JavaScript实战(原生range和自定义特效)简单实例
2016/08/21 Javascript
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
2017/08/17 Javascript
基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
2017/11/21 Javascript
详解angular路由高亮之RouterLinkActive
2018/04/28 Javascript
JavaScript事件委托原理与用法实例分析
2018/06/07 Javascript
对vue中v-on绑定自定事件的实例讲解
2018/09/06 Javascript
前端防止用户重复提交js实现代码示例
2018/09/07 Javascript
Vue开发之封装分页组件与使用示例
2019/04/25 Javascript
VueQuillEditor富文本上传图片(非base64)
2020/06/03 Javascript
[03:04]DOTA2超级联赛专访ZSMJ “莫名其妙”的逆袭
2013/05/23 DOTA
[49:12]完美世界DOTA2联赛PWL S2 Magma vs GXR 第二场 11.29
2020/12/02 DOTA
Python爬虫代理IP池实现方法
2017/01/05 Python
python中numpy基础学习及进行数组和矢量计算
2017/02/12 Python
Python设计模式之状态模式原理与用法详解
2019/01/15 Python
python 使用raw socket进行TCP SYN扫描实例
2020/05/05 Python
英国花园家具中心:Garden Furniture Centre
2017/08/24 全球购物
英国IT硬件供应商,定制游戏PC:Mesh Computers
2019/03/28 全球购物
Linux不知道文件后缀名怎么判断文件类型
2014/08/21 面试题
社区志愿者活动总结
2014/06/26 职场文书
2015学校师德师风工作总结
2015/04/22 职场文书
2015年敬老院工作总结
2015/05/18 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
使用python向MongoDB插入时间字段的操作
2021/05/18 Python