时间:2021-07-01 10:21:17 帮助过:6人阅读
<div>
<ul>
<li><a href="1.html" target="page"></a></li>
<li><a href="2.html" target="page"></a></li>
<li><a href="3.html" target="page"></a></li>
</ul>
<div><iframe src="" id="page" name="page" frameborder="0"></iframe></div>
</div>
然后在1.html页面中加入
代码如下:
window.onload = function(){
window.status = "完成";
}
结果发现1.html页面加载完成后浏览器下面进度条还一直在那里。
通过长时间反复的实践最后终于找到了解决问题的一种方法:不用href链接的方式来打开页面。改为通过Javascript来改变iframe方式来实现。
代码如下:
<script type="text/javascript">
function redirect(src){
document.getElementById("page").src = src;
}
</script>
<div>
<ul>
<li><a href="javascript:redirect('1.html')" target="page"></a></li>
<li><a href="redirect('2.html')" target="page"></a></li>
<li><a href="redirect('3.html')" target="page"></a></li>
</ul>
<div><iframe src="" id="page" name="page" frameborder="0"></iframe></div>
</div>
到这一步以为问题解决了,不想浏览器还报起脚本错误来了,提示redirect未定义,最后搞明白了,原来是target属性忘记去掉了。
至此,问题完整解决了。因在公司不方便,所以就贴样例了。