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 相关文章推荐
JavaScript设计模式之建造者模式介绍
Dec 28 Javascript
Javascript实现获取及设置光标位置的方法
Jul 21 Javascript
jquery trigger函数执行两次的解决方法
Feb 29 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
Jun 12 Javascript
Vue.js实现拖放效果的实例
Sep 30 Javascript
微信小程序 用户数据解密详细介绍
Jan 09 Javascript
AngularJS使用拦截器实现的loading功能完整实例
May 17 Javascript
使用axios实现上传图片进度条功能
Dec 21 Javascript
vue中如何使用ztree
Feb 06 Javascript
webpack中如何加载静态文件的方法步骤
May 18 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 Javascript
Vue-cli4 配置 element-ui 按需引入操作
Sep 11 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数组函数序列之array_splice() - 在数组任意位置插入元素
2011/11/07 PHP
ZendFramework框架实现连接两个或多个数据库的方法
2016/12/08 PHP
php面向对象程序设计入门教程
2019/06/22 PHP
javascript引用对象的方法代码
2007/08/13 Javascript
Javascript中封装window.open解决不兼容问题
2014/09/28 Javascript
javascript中Math.random()使用详解
2015/04/15 Javascript
javascript检测移动设备横竖屏
2016/05/21 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
2018/08/23 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
2019/08/16 Javascript
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
2020/08/10 Javascript
对于Python异常处理慎用“except:pass”建议
2015/04/02 Python
Python操作RabbitMQ服务器实现消息队列的路由功能
2016/06/29 Python
Python中第三方库Requests库的高级用法详解
2017/03/12 Python
python爬虫正则表达式之处理换行符
2018/06/08 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
Django 路由层URLconf的实现
2019/12/30 Python
Python操作Excel把数据分给sheet
2020/05/20 Python
如何使用pycharm连接Databricks的步骤详解
2020/09/23 Python
python collections模块的使用
2020/10/16 Python
草莓网官网:StrawberryNET
2019/08/21 全球购物
港湾网络笔试题
2014/04/19 面试题
大四本科生的自我评价
2013/12/30 职场文书
大学毕业后的十年规划
2014/01/07 职场文书
元旦晚会策划方案
2014/02/18 职场文书
2014年秋季开学典礼主持词
2014/08/02 职场文书
法定代表人资格证明书
2014/09/11 职场文书
开网店计划分析
2019/07/30 职场文书
研究生学习计划书应该怎么写?
2019/09/10 职场文书
Vue实现动态查询规则生成组件
2021/05/27 Vue.js
解析在浏览器地址栏输入一个URL后发生了什么
2021/06/21 Servers
React自定义hook的方法
2022/06/25 Javascript