关于ajax支持浏览器后退前进的做法

最新推荐文章于 2021-08-05 13:17:09 发布

poplau

最新推荐文章于 2021-08-05 13:17:09 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

文章标签： ajax 浏览器 timer function javascript html

本文链接：https://blog.youkuaiyun.com/poplau/article/details/2317703

本文介绍了一种使用隐藏iframe和JavaScript实现Ajax应用中浏览器前进后退按钮功能的方法，使得用户可以在Ajax应用中使用这些按钮来浏览不同的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ajax七宗罪第五宗里面，作者讽刺Ajax需要一个“没有back和history的浏览器”。很讽刺吗？只是作者这么想罢了。至少要让Ajax应用支持Forward和Back，并不需要什么了不起的技术，我们也不需要这样的浏览器来改变用户习惯，事实上我们完全能做到让Forward和Back更酷。

这是一个示范页面：
index.htm
<HTML>
<BODY>

<textarea cols=80 rows=30 id="textarea1" onkeypress="checkSave()">请在此处输入</textarea>

<iframe name=historyFrame width=0 height=0 src="hiddenpage.htm?0#0"></iframe>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</BODY>
</HTML>
需要一个简单的页面放在同一目录下面：
hiddenpage.htm
<SCRIPT>window.onload=function(){parent.gotoHistory(location.hash.substr(1))}</SCRIPT>
好了，打开index页面，在文本区域里面做一些输入，然后试试IE的前进和后退按钮能提供多酷的功能。

这个方法由emu的好朋友twinsen首先提出来，以后我们就叫它twinsen方法吧。