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 div拖动效果示例代码
Dec 08 Javascript
js检测输入内容全为空格的方法
May 03 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
Jun 24 Javascript
jQuery中next()方法用法实例
Jan 07 Javascript
jquery实现手风琴效果
Nov 20 Javascript
适用于javascript开发者的Processing.js入门教程
Feb 24 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
JQuery判断正整数整理小结
Aug 21 jQuery
axios 处理 302 状态码的解决方法
Apr 10 Javascript
JS实现简单获取最近7天和最近3天日期的方法
Apr 18 Javascript
vue登录页面cookie的使用及页面跳转代码
Jul 10 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 开源框架22个简单简介
2009/08/24 PHP
PHP实现登陆表单提交CSRF及验证码
2017/01/24 PHP
微信第三方登录(原生)demo【必看篇】
2017/05/26 PHP
一个非常实用的php文件上传类
2017/07/04 PHP
js同时按下两个方向键
2007/12/01 Javascript
javascript 事件处理程序介绍
2012/06/27 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
JS数组的常见用法实例
2015/02/10 Javascript
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
javascript实现自动填写表单实例简析
2015/12/02 Javascript
jquery分隔Url的param方法(推荐)
2016/05/25 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
jquery插件ContextMenu设置右键菜单
2017/03/13 Javascript
vue.js源代码core scedule.js学习笔记
2017/07/03 Javascript
微信小程序之选项卡的实现方法
2017/09/29 Javascript
详解webpack babel的配置
2018/01/09 Javascript
Nuxt配合Node在实际生产中的应用详解
2018/08/07 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
使用JavaScript获取Django模板指定键值数据
2020/05/27 Javascript
javascript实现多边形碰撞检测
2020/10/24 Javascript
Python正则捕获操作示例
2017/08/19 Python
Jupyter安装nbextensions,启动提示没有nbextensions库
2020/04/23 Python
Python中关键字global和nonlocal的区别详解
2018/09/03 Python
pandas取出重复数据的方法
2019/07/04 Python
python 调试冷知识(小结)
2019/11/11 Python
Python插入Elasticsearch操作方法解析
2020/01/19 Python
Python判断字符串是否为空和null方法实例
2020/04/26 Python
StubHub澳大利亚:购买或出售您的门票
2019/08/01 全球购物
住宅质量保证书
2014/04/29 职场文书
摄影展策划方案
2014/06/02 职场文书
镇政府副镇长群众路线专题民主生活会对照检查材料
2014/09/19 职场文书
中国文明网向国旗敬礼活动精彩寄语2014
2014/09/27 职场文书
社保转移委托书范本
2014/10/08 职场文书
教师个人发展总结
2015/02/11 职场文书
CSS3通过var()和calc()函数实现动画特效
2021/03/30 HTML / CSS
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android