JSiFrame加载慢怎么解决
在项⽬中经常要动态添加iframe,然后再对添加的iframe进⾏相关操作,有时候会遇到iframe加载很慢什么原因呢,该如何解决呢?带着这个问题⼀起通过本⽂学习,寻答案吧!
aaa.html
alert怎么读<HTML>
<HEAD>
<TITLE>aaa</TITLE>
</HEAD>
<BODY>
<IFRAME src="bbb.html" name=bbb width="100%" height="190"> </IFRAME>
<INPUT type="button" value="显⽰text控件值" onclick="alert(bbb.value)">
<SCRIPT LANGUAGE="JavaScript">
alert(bbb.value);
</SCRIPT>
</BODY>
</HTML>
bbb.html
<HTML>
<HEAD>
<TITLE>bbb</TITLE>
</HEAD>
<BODY>
<input type=text name=txt value="guoguo">
</BODY>
</HTML>
问题:
执⾏上⾯的aaa.html发现代码直接alert的值没有打出来,⽽点击按钮却可以打出其值。
分析:
页⾯加载时,遇到iframe就直接跳过去,加载下⾯的内容,然后再回来加载iframe,当然也可以理解成遇到iframe⼜开了⼀个线程来加载iframe,但是因为涉及到新的IO操作⽐较耗时,所以加载完成iframe还是晚于页⾯下部的js代码执⾏,所以出现了上⾯的问题。
解决⽅法:
在js代码中加个延迟(具体延迟多长时间可以凭个⼈经验了),这样就可以保证正常得到iframe中的对象了。
<SCRIPT LANGUAGE="JavaScript">
setTimeout("alert(bbb.value)",1500);
</SCRIPT>
结论:当⼀个页⾯中包含了iframe时,如果我们要通过js来操作iframe中的对象,⼀定要等到iframe加载完毕之后再操作,否则得不到想要的对象。
以上所述是⼩编给⼤家介绍的JS iFrame加载慢的解决办法,希望对⼤家有所帮助,同时也⾮常感谢⼤家对⽹站的⽀持!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论