JavaScript不刷新查找当前网址上的querystring并修改查询字符串变量

栏目: JavaScript · 发布时间: 6年前

内容简介:需要获取 param1/ param2 的变量,有时侯需要修改某个变量,有非常多的JS库可以实现,其实用简单的几行代码即可实现:var qs = {}qs.get = function(name) {

经常有些场景需要从网址获取变量,比如:

http://ourjs.com?param1=test1&param2=test2

需要获取 param1/ param2 的变量,有时侯需要修改某个变量,有非常多的JS库可以实现,其实用简单的几行代码即可实现:

var qs = {}

qs.get = function(name) {

var reg = new RegExp("[?&#]" + name + "=[^$&]*");

var parameter = location.href.match(reg)

if (!parameter) {

return;

return decodeURIComponent(parameter[0].substr(name.length + 2));

}

qs.set = function(name, value) {

var reg = new RegExp("([?&#]" + name + "=)[^$&]*")

var url = location.href

var parameter = url.match(reg)

if (parameter) {

url = url.replace(reg, '$1' + value)

} else {

var first = url.indexOf('#') > 0 ? '' : '#'

url += (url.indexOf('=') > 0 ? '&' : first) + name + '=' + value

}

history.replaceState && history.replaceState(null, null, url)

}

$.qs = qs;

使用:

qs.get('param1')
> test1

qs.set('param1', 'newvalue')
# 当前网址更新为:  http://ourjs.com?param1=newvalue&param2=test2

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

深入理解计算机系统(英文版·第2版)

深入理解计算机系统(英文版·第2版)

[美] Randal E. Bryant、[美] David R. O'Hallaron / 机械工业出版社 / 2011-1 / 128.00元

本书是一本将计算机软件和硬件理论结合讲述的经典教程,内容覆盖计算机导论、体系结构和处理器设计等多门课程。本书的最大优点是为程序员描述计算机系统的实现细节,通过描述程序是如何映射到系统上,以及程序是如何执行的,使读者更好地理解程序的行为为什么是这样的,以及造成效率低下的原因。 相对于第1版,本版主要是反映了过去十年间硬件技术和编译器的变化,具体更新如下: 1. 对系统的介绍(特别是实际使......一起来看看 《深入理解计算机系统(英文版·第2版)》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具