浏览器后退之后，怎样保留之前JavaScript产生的效果

浏览器后退之后，怎样保留之前JavaScript产生的效果大家先看这段代码，很简单的一段代码：
<html>
<head>
<title></title>
<SCRIPT TYPE="TEXT/JAVASCRIPT">
<!--function HPCltsc()
{
var MyRadio = document.getElementsByName("radio1");
var MyDiv1 = document.getElementById("div1");
var MyDiv2 = document.getElementById("div2");

if (MyRadio[0].checked)
{
MyDiv1.style.display = "block";
MyDiv2.style.display = "none";
}
else
{
MyDiv1.style.display = "none";
MyDiv2.style.display = "block";
}
}//-->
</SCRIPT></head>
<body><FONT FACE=宋体 SIZE=3>※ <B>请选择</B>： <INPUT onClick=HPCltsc() TYPE=radio CHECKED NAME=radio1>显示DIV1内容 &nbsp;&nbsp;<INPUT onClick=HPCltsc() TYPE=radio NAME=radio1>显示DIV2内容 </FONT><BR><BR><DIV ID=div1>这是DIV1<BR><BR>
<a href="http://www.microsoft.com" target=_self>http://www.microsoft.com</a><BR>
<a href="http://www.sun.com" target=_self>http://www.sun.com</a></DIV><DIV ID=div2 STYLE="DISPLAY: none">这是DIV2<BR><BR>
<a href="http://www.google.com" target=_self>http://www.google.com</a><BR>
<a href="http://www.intel.com" target=_self>http://www.intel.com</a></DIV></body>
</html>大体情况是这样的，一个页面里面有2个DIV（DIV1与DIV2），每个DIV里都有若干链接。页面上还有两个单选框，第一个单选框用于显示DIV1，隐藏DIV2，第二个单选框用于显示DIV2，隐藏DIV1。刚开始页面载入时，DIV1显示，DIV2不显示，单选框默认在第一个上。现在单击第二个单选框，来隐藏DIV1并显示DIV2，此时点击DIV2上的google网页链接，待Google网页载入后再点浏览器上的后退，这时我们发现单选框仍然在第二个框上，但下面显示的是DIV1的内容。我的要求要实现：1、待Google网页后退后，显示的是DIV2而不是DIV1，并且要让焦点落在http://www.google.com这个链接上。
2、如有可能尽量不要使用Window.onload事件，但如果实在没办法也可用
这个实验在FireFox上是没有上述问题的。FireFox上页面退回的话，显示的还是DIV2而且焦点也落在google链接上。但IE不管是6或7都有这样的问题，请大家帮忙想个办法解决。感激不尽！！