今天在Chrome下显示如下的iframe,src设置为空,但打开页面时iframe一直处于刷新状态,看了下面的博文,觉得是不是默认不显示时src应该写成about:blank,明天回去测试下,回来更新结果
写一个<iframe>,src地址为空:
<iframe src="" id="ftpTab" name="ftpTab" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" height="360" width="730"></iframe>
写一个js函数用来加载ftp.php处理文件:
function loadFtp(){
var url=document.getElementById("ftpTab").src;
if(url=='') url='ftp.php';
}
测试结果为:IE、Opera下正常工作,FF、Chrome、Safari下不工作。
于是打印iframe的src,空才是正确:
IE、Opera下显示空,FF、Chrome、Safari下显示当前文档的地址。
原来是判断错了,没生效。于是更改如下:
var url=window.frames['ftpTab'].document.location.href; alert(url);
打印结果显示五大浏览器都显示“about:blank”。这样子就好处理了,最终更改loadFtp()函数如下:
function loadFtp(){
var url=window.frames['ftpTab'].document.location.href;
if(url=='about:blank') document.getElementById("ftpTab").src = "ftp.php";
}
昨天试了下,发现不是上面说的这种问题,而是用到的控件自身的问题,继续熟悉控件
转载于:https://blog.51cto.com/363511884/860288
本文详细记录了在使用iframe时遇到的问题,即src设置为空时,页面会在Chrome、Firefox、Safari下持续刷新。通过查阅相关资料,作者发现将src设置为'about:blank'可以解决此问题。进一步测试表明,不同浏览器对此有不同的响应方式,最终作者通过检查iframe内部文档的位置来获取正确的src路径,从而成功解决了问题。
8万+

被折叠的 条评论
为什么被折叠?



