iframe与父页面中JS执行顺序控制

Posted 2020-08-26 Acode

同事遇到了一个问题：

　　　父页面中有几个iframe，初衷是父页面的JS通过AJAX获取数据，然后用于初始化iframe页面，可以结果却是有的iframe页面却不能获得数据。

【问题根源】

　　父页面在加载iframe的时候，也会执行JS代码，二者执行完成先后顺序并不可控，而iframe却要使用JS获取的数据，导致在iframe初始化时，没有得到数据，也就无法初始化iframe页面了。

 

【解决办法】

　　html代码中，iframe的src属性不赋值。父页面的JS在AJAX请求成功之后，再为iframe的src属性赋值，iframe会自动加载。

　　iframe赋值src代码：$("#iframeId").attr("src","srcUrl");