In the project, you often need to dynamically add iframes and then perform related operations on the added iframes. Sometimes you will encounter the reason why the iframe loads very slowly and how to solve it? Let’s learn this article with this question and find the answers!
aaa.html
<HTML><HEAD><TITLE>aaa</TITLE></HEAD><BODY><IFRAME src="bbb.html" name=bbb> </IFRAME><INPUT type="button" value="Show text control value" onclick="alert(bbb.document.all.txt.value)"> <SCRIPT LANGUAGE="JavaScript">alert(bbb.document.all.txt.value);</SCRIPT></BODY></HTML>
bbb.html
<HTML><HEAD><TITLE>bb</TITLE></HEAD><BODY><input type=text name=txt value="guoguo"> </BODY></HTML>
question:
Execute the aaa.html above and find that the code directly has not been typed out, but clicking the button can produce its value.
analyze:
When the page is loaded, when you encounter an iframe, you will jump over it, load the following content, and then come back to load the iframe. Of course, it can also be understood that when you encounter an iframe, you open a thread to load the iframe. However, because it is time-consuming to involve new IO operations, the loading of the iframe is still later than the js code execution at the bottom of the page, so the above problem occurs.
Solution:
Add a delay in the js code (the specific delay can be based on personal experience), so that you can ensure that the objects in the iframe are obtained normally.
<SCRIPT LANGUAGE="JavaScript">setTimeout("alert(bbb.document.all.txt.value)",1500);</SCRIPT>Conclusion: When an iframe is included in a page, if we want to operate the object in the iframe through js, we must wait until the iframe is loaded before operating, otherwise we will not get the desired object.
The above is the solution to slow loading of JS iFrame introduced to you by the editor. I hope it will be helpful to you. At the same time, I would like to thank you very much for your support for Wulin.com website!