在ext.onReady()中动态加载js文件问题

最新推荐文章于 2018-06-12 16:04:00 发布

最新推荐文章于 2018-06-12 16:04:00 发布 · 395 阅读

文章标签：

#EXT #JavaScript #ViewUI

探讨Ext.onReady方法中动态加载JS文件的问题，当在该方法内尝试加载JS文件时，虽然DOM中成功添加了script标签，但无法运行JS文件中的代码。将加载代码移出Ext.onReady则能正常工作。

在ext.onReady()中添加
var head=document.getElementsByTagName("head")[0];
var scripts=head.getElementsByTagName("SCRIPT");
var script=document.createElement("SCRIPT");
script.type="text/javascript";
sript.src="lib/extlib/TabPanelViewerLib/IFrameComponent.js";
head.appendChild(script);

这段代码,然后再调用,发现head标签中添加了script标签,但程序无法引用js文件中的代码而无法运行.
把这段代码剪切到onReady方法外却可以运行.
查了一下资料:Ext.onReady可能是你接触的第一个也可能是在每个页面都要使用的方法。这个方法会在DOM加载全部完毕后，保证页面内的所有元素能被Script引用（reference）之后调用。
是不是动态加载的时候,Ext没有应用新Dom呢.如果是这样那么论坛上有很多js文件异步调用的又怎么能实现呢?请帮忙分析下.