两个Iframe之间跳转,浏览器进度条不动

最新推荐文章于 2021-08-27 11:01:17 发布

最新推荐文章于 2021-08-27 11:01:17 发布 · 205 阅读

文章标签：

#浏览器 #JSP

本文介绍了一种在使用iframe进行页面跳转时遇到浏览器进度条停滞的问题及其解决方案。通过调整form元素的设置，从使用JavaScript控制提交改为直接在HTML中定义form属性，成功解决了加载不流畅的问题。

<Iframe1>中包含a.jsp,a.jsp提交时调用.do?method=sel,转向到<Iframe2>中包含的b.jsp,提交后b.jsp中的数据已全部显示,但浏览器进度条一直停留不动.
解决办法:修改前a.jsp中的js是这样写的
[color=darkred] function sel(){
var fm = document.fm;
fm.target = '_center';//_center为<Iframe2>的name值
fm.action = 'xx.do?method=sel';
fm.submit();
}
<a href="javascript:sel();"><img src="a.jpg" alt="Search" /></a>[/color]
在网上查了一些资料,应该是<Iframe>的问题,多个<Iframe>之间跳转,用js控制form的target属性时就会出现上述问题,最后索性去掉 js, 直接在<body>中的将<form>写为:
[color=darkred] <form action="xx.do?method=sel" method="post" name="fm" target="_center">
<input type="image" src="a.jpg"/>
</form>[/color] 问题解决! :shock: