首页 > Web开发 > 详细

js修改当前页面地址栏参数

时间:2017-11-13 17:46:12      阅读:499      评论:0      收藏:0      [点我收藏+]

利用HTML5 history新特性replaceState方法可以修改当前页面地址栏参数,示例代码:

//选择日期后改变地址栏
var urlSearch = location.href;
var unformatStr = changeURLArg(urlSearch, "depDate", Qdate);
if (!!(window.history && history.pushState)) {
	history.replaceState(null, "", unformatStr);
}

function changeURLArg(url, arg, arg_val) {
	var pattern = arg + ‘=([^&]*)‘;
	var replaceText = arg + ‘=‘ + arg_val;
	if (url.match(pattern)) {
		var tmp = ‘/(‘ + arg + ‘=)([^&]*)/gi‘;
		tmp = url.replace(eval(tmp), replaceText);
		return tmp;
	} else {
		if (url.match(‘[\?]‘)) {
			return url + ‘&‘ + replaceText;
		} else {
			return url + ‘?‘ + replaceText;
		}
	}
}

 类似的方法还有pushState,具体请参考以下资料。

参考资料:
http://blog.csdn.net/tianyitianyi1/article/details/7426606

js修改当前页面地址栏参数

原文:http://www.cnblogs.com/zhaow/p/7827187.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!