同事遇到了一个问题:
父页面中有几个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");