`

js 修改链接参数

阅读更多

js 修改链接参数

比如,需要修改callback中的参数

callback 的值为:"http://blog.whuang.com/search?username=90003819861"

需要修改其中的参数 username的值为abc

预期结果是:'http://blog.whuang.com/search?username=abc'

核心方法:

  /**
     * callback 链接增加参数或修改参数
     * @param callback
     * @param key
     * @param val2
     * @returns {*}
     */
    parseCallbackUrl: function (callback, key, val2) {
 if (!callback) {
            return '';
        }
callback = callback.replace(/#$/, '');
        if (callback.indexOf('?') == -1) {
            callback = callback + '?' + key + '=' + val2;
        } else if (callback.indexOf('&' + key + '=') == -1 && callback.indexOf('?' + key + '=') == -1) {
            callback = callback + '&' + key + '=' + val2;
        } else {
            var regExp = new RegExp('([&?]' + key + '=)[^&]*', '');
            callback = callback.replace(regExp, ('$1' + val2));
        }
        return callback;
    }

 

测试代码:

 var url='http://blog.whuang.com/search?username=90003819861';
        console.log(urlUtil.parseCallbackUrl(url,'username','abc'));

        url='http://blog.whuang.com/search?a=b&username=90003819861';
        console.log(urlUtil.parseCallbackUrl(url,'username','abc'));

        url='http://blog.whuang.com/search?a=b&username=';
        console.log(urlUtil.parseCallbackUrl(url,'username','abc'));

        url='http://blog.whuang.com/search?rusername=90003819861';
        console.log(urlUtil.parseCallbackUrl(url,'username','abc'));

        url='http://blog.whuang.com/search';
        console.log(urlUtil.parseCallbackUrl(url,'username','abc'));

        url='http://blog.whuang.com/search?userName=';
        console.log(urlUtil.parseCallbackUrl(url,'username','黄威'));

 

 

0
0
分享到:
评论

相关推荐

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

    在JavaScript编程中,获取网页URL中的链接参数是一项常见的任务,特别是在构建动态Web应用程序时。URL参数通常是查询字符串的形式,它们附在URL末尾,用问号(?)分隔,各个参数之间用与号(&)分隔。例如,一个包含...

    html页面动态获取连接参数 jquery.params.js

    总结,`jquery.params.js`扩展使得在HTML页面中动态获取、修改和操作URL参数变得简单。通过引入这个文件并利用`$.query`方法,我们可以方便地处理页面间的数据传递,提高页面的交互性。在实际开发中,这种功能常用于...

    动态添加css或js链接

    ### 动态添加CSS或JS链接 在Web开发过程中,我们经常会遇到需要动态加载样式表(CSS)或脚本(JavaScript)的情况。这种方式不仅能够提高页面的加载速度,还可以实现更加灵活的功能。本文将详细介绍如何在ASP.NET ...

    jquery.params.js页面带参数跳转插件

    `jquery.params.js` 是一个基于 jQuery 的小型插件,它主要功能是帮助开发者在进行页面跳转时方便地处理和传递参数。这个插件对于构建动态Web应用非常有用,特别是那些需要在URL中携带大量数据或者需要在不同页面...

    jquery_query_js获取url参数

    2. **设置参数值**:使用`$.query.set(paramName, paramValue)`,可以设置或修改URL中的某个参数。例如: ```javascript $.query.set("Id", "54321"); ``` 3. **删除参数**:使用`$.query.remove(paramName)`,...

    java 请求参数过滤拦截

    2. **XSS(Cross-Site Scripting)防御**:对所有输出到页面的用户输入进行转义,确保不会执行任何JavaScript代码。可以使用HTML编码函数,如`StringEscapeUtils.escapeHtml4()`,将尖括号、引号等转换为安全的HTML...

    js获取url中携带的参数

    在JavaScript编程中,获取URL中携带的参数是一项常见的任务,特别是在构建动态Web应用程序时。URL(统一资源定位符)中的参数通常以键值对的形式出现,例如`example.com/?name=John&age=30`。这些参数可以用于传递...

    js代码-截取URL参数

    在JavaScript编程中,截取URL参数是一项常见的任务,它涉及到字符串处理和对象操作。URL(统一资源定位符)是Web应用程序的重要组成部分,其中包含了访问资源的相关信息,包括协议、主机名、路径、查询参数等。当...

    php获取URL中带#号等特殊符号参数的解决方法

    在上述代码中,我们通过用户界面获取输入值,然后使用escape函数对这个值进行编码,并通过修改window.location.href的方式将参数传递到服务器端。 服务器端的PHP代码无需任何特殊处理,当使用上述JavaScript方法...

    Javascript 实现的二维码产生/读取

    `js`目录可能包含了实现这些功能的JavaScript库文件。 总的来说,这个压缩包提供了一个使用纯JavaScript实现的二维码生成与读取的完整解决方案,对于理解如何在Web环境中处理二维码非常有帮助。开发者可以通过分析...

    JavaScript_Videojs开源HTML5视频播放器.zip

    4. 可选地,通过修改CSS和JavaScript来自定义播放器的样式和行为。 总的来说,这个压缩包提供了使用JavaScript和Video.js构建高效、跨浏览器的HTML5视频播放器所需的一切。无论是初学者还是经验丰富的开发者,都能...

    混合参数的写法

    而`JSLogger.js`可能是一个日志记录工具,帮助开发者记录和分析函数调用时的参数信息,这对于理解和调试混合参数问题非常有用。 总结来说,这个主题涵盖的是在编程中如何处理不同类型的混合参数,可能涉及数据类型...

    给正在访问的链接加背景色,改变链接颜色

    3. **JavaScript**:动态修改链接样式。 #### HTML结构 首先,我们需要通过HTML定义链接。在给定的部分内容中,链接被放置在一个`<ul>`列表中,并且每个链接都包含一个`<a>`标签。这些链接指向不同的网址,并且当...

    切换tab页,页面局部刷新,地址栏路径修改 js

    使用js,实现切换tab页,页面局部刷新(并未重新加载),地址栏路径修改的效果。

    window.open打开新窗口参数设置

    // 在新的浏览器标签页中打开链接 window.open('/myoa/admin/manage.jsp', '_blank'); ``` 2. **指定特定窗口**: ```javascript // 指定名为 myWindow 的窗口 var myWindow = window.open('/myoa/admin/...

    javascript经典特效---显示链接特征.rar

    我们可以获取链接元素(`<a>`标签),然后修改其属性,如添加或改变文本、颜色、样式等,以此来突出显示链接特征。 2. 鼠标事件处理:通过`addEventListener`函数,可以为链接绑定`mouseover`、`mouseout`、`click`...

    JS 修改URL参数(实现代码)

    在JavaScript中,有时我们需要在不刷新页面的情况下修改URL的查询参数。这可能是因为用户进行了一些操作,如筛选、排序或设置偏好,而我们希望在URL中反映这些变化,以便用户可以方便地通过书签或分享链接来恢复这些...

    javascript经典特效---所有链接不停变色.rar

    首先,我们需要获取所有的颜色变换链接,然后在一个循环中不断更改颜色: ```javascript // 获取所有具有'color-changing-link'类的链接 var links = document.getElementsByClassName('color-changing-link'); //...

    js URL参数的拼接方法比较

    在JavaScript中,拼接URL参数是一项常见的任务,特别是在构建API请求或者处理动态链接时。本文主要探讨两种不同的方法,以提高代码的可读性和可维护性。 首先,我们来看看最直观且常用的方法,即直接使用字符串连接...

    【JavaScript源代码】Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法.docx

    在本文档中,我们探讨了如何在Vue.js应用中通过阿里云OSS(Object Storage Service)的URL直接下载文件,并在下载过程中修改文件名。在尝试通过HTML的`<a>`标签直接设置`download`属性来实现重命名失败后,作者选择...

Global site tag (gtag.js) - Google Analytics