码迷,mamicode.com
首页 > 其他好文 > 详细

history replaceState/pushState

时间:2016-02-02 16:39:04      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:

HTML5 history新增了两个属性,分别是replaceState()和pushState(),不刷新页面改变页面的url。

 

replaceState()可以不让页面刷新的情况下改变url

用法:history.replaceState("data","页面的title","变化后的url")

<body>
	<input type="button" value="按钮" id="btn">
</body>
<script>
	$(‘#btn‘).click(function(){
		history.replaceState(null,"title","aa.html?name=12345");
		history.replaceState(null,"title","bb.html?name=67890");
	})
</script>

ps:经测试有些页面的title是无法改变的

 

pushState()是在浏览器历史中插入一条url的记录,后插入的会在记录(数组)的最顶端,同理replaceState可以让页面不刷新改变url,区别是可以通过浏览器返回到上一个记录的url,优点是在ajax局部渲染页面后可以通过浏览器返回按钮返回到渲染前的记录

用法:history.pushState("data","页面的title","变化后的url")

<body>
	<input type="button" value="按钮" id="btn">
</body>
<script>
	$(‘#btn‘).click(function(){
		history.pushState(null,"title","aa.html?name=12345");
		history.pushState(null,"title","bb.html?name=67890");
	})
</script>

  

history replaceState/pushState

标签:

原文地址:http://www.cnblogs.com/smartyu/p/5177655.html

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