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','黄威'));
相关推荐
在JavaScript编程中,获取网页URL中的链接参数是一项常见的任务,特别是在构建动态Web应用程序时。URL参数通常是查询字符串的形式,它们附在URL末尾,用问号(?)分隔,各个参数之间用与号(&)分隔。例如,一个包含...
总结,`jquery.params.js`扩展使得在HTML页面中动态获取、修改和操作URL参数变得简单。通过引入这个文件并利用`$.query`方法,我们可以方便地处理页面间的数据传递,提高页面的交互性。在实际开发中,这种功能常用于...
### 动态添加CSS或JS链接 在Web开发过程中,我们经常会遇到需要动态加载样式表(CSS)或脚本(JavaScript)的情况。这种方式不仅能够提高页面的加载速度,还可以实现更加灵活的功能。本文将详细介绍如何在ASP.NET ...
`jquery.params.js` 是一个基于 jQuery 的小型插件,它主要功能是帮助开发者在进行页面跳转时方便地处理和传递参数。这个插件对于构建动态Web应用非常有用,特别是那些需要在URL中携带大量数据或者需要在不同页面...
2. **设置参数值**:使用`$.query.set(paramName, paramValue)`,可以设置或修改URL中的某个参数。例如: ```javascript $.query.set("Id", "54321"); ``` 3. **删除参数**:使用`$.query.remove(paramName)`,...
2. **XSS(Cross-Site Scripting)防御**:对所有输出到页面的用户输入进行转义,确保不会执行任何JavaScript代码。可以使用HTML编码函数,如`StringEscapeUtils.escapeHtml4()`,将尖括号、引号等转换为安全的HTML...
在JavaScript编程中,获取URL中携带的参数是一项常见的任务,特别是在构建动态Web应用程序时。URL(统一资源定位符)中的参数通常以键值对的形式出现,例如`example.com/?name=John&age=30`。这些参数可以用于传递...
在JavaScript编程中,截取URL参数是一项常见的任务,它涉及到字符串处理和对象操作。URL(统一资源定位符)是Web应用程序的重要组成部分,其中包含了访问资源的相关信息,包括协议、主机名、路径、查询参数等。当...
在上述代码中,我们通过用户界面获取输入值,然后使用escape函数对这个值进行编码,并通过修改window.location.href的方式将参数传递到服务器端。 服务器端的PHP代码无需任何特殊处理,当使用上述JavaScript方法...
4. 可选地,通过修改CSS和JavaScript来自定义播放器的样式和行为。 总的来说,这个压缩包提供了使用JavaScript和Video.js构建高效、跨浏览器的HTML5视频播放器所需的一切。无论是初学者还是经验丰富的开发者,都能...
`js`目录可能包含了实现这些功能的JavaScript库文件。 总的来说,这个压缩包提供了一个使用纯JavaScript实现的二维码生成与读取的完整解决方案,对于理解如何在Web环境中处理二维码非常有帮助。开发者可以通过分析...
而`JSLogger.js`可能是一个日志记录工具,帮助开发者记录和分析函数调用时的参数信息,这对于理解和调试混合参数问题非常有用。 总结来说,这个主题涵盖的是在编程中如何处理不同类型的混合参数,可能涉及数据类型...
3. **JavaScript**:动态修改链接样式。 #### HTML结构 首先,我们需要通过HTML定义链接。在给定的部分内容中,链接被放置在一个`<ul>`列表中,并且每个链接都包含一个`<a>`标签。这些链接指向不同的网址,并且当...
使用js,实现切换tab页,页面局部刷新(并未重新加载),地址栏路径修改的效果。
// 在新的浏览器标签页中打开链接 window.open('/myoa/admin/manage.jsp', '_blank'); ``` 2. **指定特定窗口**: ```javascript // 指定名为 myWindow 的窗口 var myWindow = window.open('/myoa/admin/...
我们可以获取链接元素(`<a>`标签),然后修改其属性,如添加或改变文本、颜色、样式等,以此来突出显示链接特征。 2. 鼠标事件处理:通过`addEventListener`函数,可以为链接绑定`mouseover`、`mouseout`、`click`...
在JavaScript中,有时我们需要在不刷新页面的情况下修改URL的查询参数。这可能是因为用户进行了一些操作,如筛选、排序或设置偏好,而我们希望在URL中反映这些变化,以便用户可以方便地通过书签或分享链接来恢复这些...
首先,我们需要获取所有的颜色变换链接,然后在一个循环中不断更改颜色: ```javascript // 获取所有具有'color-changing-link'类的链接 var links = document.getElementsByClassName('color-changing-link'); //...
在JavaScript中,拼接URL参数是一项常见的任务,特别是在构建API请求或者处理动态链接时。本文主要探讨两种不同的方法,以提高代码的可读性和可维护性。 首先,我们来看看最直观且常用的方法,即直接使用字符串连接...
在本文档中,我们探讨了如何在Vue.js应用中通过阿里云OSS(Object Storage Service)的URL直接下载文件,并在下载过程中修改文件名。在尝试通过HTML的`<a>`标签直接设置`download`属性来实现重命名失败后,作者选择...