`
ling凌yue月
  • 浏览: 338746 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

javascritp添加url参数方法

阅读更多

 

 

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

 

分享到:
评论

相关推荐

    javascript将url中的参数加密解密代码

    `Encrypt` 函数用于加密URL参数,而 `Decrypt` 函数则用于解密已加密的数据。 1. **加密过程**: - 首先,函数检查输入的字符串 `str` 是否为空,如果为空则返回空字符串。 - 接着,使用 `escape` 函数对字符串...

    javascript 取Url参数和去掉字符串前后空格方法

    ### JavaScript 获取URL参数和去除字符串前后空格的方法 在日常的Web开发中,经常会遇到需要获取URL中的参数或处理字符串的情况。例如,在用户点击某个链接或者表单提交后,我们可能需要从URL中提取出某些特定的...

    JavaScript获取链接url参数并生成对象

    标题"JavaScript获取链接url参数并生成对象"指出了我们需要从URL中提取这些参数,并将它们组织成一个JavaScript对象。这个对象的键将是参数名,值将是对应的参数值。这样做可以方便地对参数进行操作,如遍历、修改或...

    js获取url参数

    本文将详细介绍一种利用自定义函数`getUrlParam`来获取URL参数的方法,并对其进行深入解析。 #### 二、基础知识回顾 ##### 2.1 URL 结构 URL(Uniform Resource Locator)是统一资源定位符,用于标识互联网上的...

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

    ### JavaScript 添加 URL 参数知识点详解 在 Web 开发中,经常需要动态地修改 URL 地址中的查询参数。本文档详细介绍了如何使用 JavaScript 来添加或更新 URL 的查询参数,并提供了完整的示例代码。 #### 一、核心...

    javascript parseUrl函数(来自国外的获取网址url参数).docx

    这种分解对于处理和操作 URL 非常有用,尤其是在需要从 URL 中提取特定信息(如查询参数或路径片段)的情况下。 #### 二、函数结构 ```javascript function parseURL(url) { var a = document.createElement('a')...

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

    在JavaScript中,处理URL参数是一项常见的任务,包括添加新的参数、修改现有参数或者从URL中删除参数。在本文中,我们将深入探讨如何使用JavaScript来实现这些功能。 首先,我们来看一个名为`addToUrl`的函数,它...

    javascript 获取url参数和script标签中获取url参数函数代码

    本文将详细介绍如何通过JavaScript获取URL参数和script标签中的参数,并提供相应的函数代码。 首先,我们来看如何获取URL参数。在JavaScript中,`document.location.search`属性可以获取URL中的查询字符串(即URL中...

    JqueryUrl参数获取

    总结,jQuery虽然没有内置的URL参数获取方法,但结合JavaScript的原生API,我们可以轻松实现这一功能。在实际开发中,务必考虑浏览器兼容性,特别是在处理老版本的Internet Explorer时。同时,合理利用URL参数,可以...

    JavaScript实现url参数转成json形式

    总结来说,这个面试题考察了JavaScript处理URL参数的基本能力,以及对字符串操作、数组遍历和对象创建的理解。通过这个过程,开发者可以学习到如何从URL中提取信息,并将其转化为易于使用的数据结构。在实际的Web...

    JavaScript重定向URL参数的两种方法小结

    JavaScript重定向URL参数是网页开发中常见的操作,主要用于在页面跳转时传递数据。本文将详细介绍两种使用JavaScript实现URL重定向并携带参数的方法。 一、字符拼接形式 这种方法是通过解析当前URL,检查参数是否...

    purl 解析url的请求参数的源码

    `purl`库不仅提供了`parseQuery`这样的基础功能,还提供了其他方法,如`query()`、`updateQuery()`和`removeQuery()`,使得开发者可以方便地获取、修改和删除URL的查询参数。 在实际应用中,我们可以这样使用`purl`...

    javascript获取URL参数与参数值的示例代码

    总结一下,JavaScript获取URL参数和参数值的方法包括使用`window.location.search`、`URLSearchParams` API或自定义函数。在不支持现代API的环境下,自定义函数如`getParameter`是一个实用的选择。在实际开发中,应...

    JS调用后台带参数的方法

    1. **GET方法**:参数附加在URL后面,适用于简单查询或参数较少的情况。 2. **POST方法**:参数放在请求体中,适用于需要发送大量数据或者安全性要求较高的场景。 3. **AJAX**:通过JavaScript发起异步请求,可以在...

    一个JavaScript函数把URL参数解析成Json对象

    在这段代码中,我们选择了属性访问器方式,因为它允许动态地设置属性名,这在处理URL参数时非常方便,因为参数的键可能在运行时才知道。 总的来说,`parseQueryString`函数提供了一个实用的方法来处理URL的查询字符...

    Javascript的所有参数列表

    `window.open()` 是JavaScript中的一个内置方法,主要用于创建一个新的浏览器窗口或者打开一个已有的窗口。这个函数有三个主要参数: 1. `url`:这是必需的参数,表示要加载的URL。它可以是相对路径或绝对路径,也...

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

    本文将详细讲解如何使用JavaScript实现这个功能,包括解析现有的URL参数、合并新旧参数以及重新构建URL。 首先,我们来看一下提供的代码示例。这个`addToUrl`函数接受一个对象作为参数,该对象的键值对将被添加到...

    js URL参数的拼接方法比较

    在JavaScript开发中,URL参数的拼接是常见的需求,特别是在进行页面跳转或请求CGI(Common Gateway Interface,通用网关接口)时。参数通常通过查询字符串(query string)附加在URL的末尾,格式通常为“key=value”...

    JavaScript获取URL中参数querystring的方法详解

    本文将详细介绍两种在JavaScript中获取URL参数的方法,并探讨`Location`对象的属性和方法。 ### 1. 获取URL参数的方法 #### 1.1 正则匹配法 ```javascript function getQueryString(name) { var reg = new ...

Global site tag (gtag.js) - Google Analytics