码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-11-13 18:16:08      阅读:1185      评论:0      收藏:0      [点我收藏+]

标签:方法   .net   val   sea   修改   text   state   html   blog   

利用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修改当前页面地址栏参数

标签:方法   .net   val   sea   修改   text   state   html   blog   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!