将模块ID与factory关联在一起的新思路
这是利用到jquery团队在IE6-8中添加HTML5新标签中的一个hack!
function createSafeFragment( document ) {
var list = nodeNames.split( "|" ),
safeFrag = document.createDocumentFragment();
if ( safeFrag.createElement ) {
while ( list.length ) {
safeFrag.createElement(
list.pop()
);
}
}
return safeFrag;
}
但到IE9后文档碎片就没有createElement方法了。但我们可以改成document.createElement("script")实现。
但到IE10后如果文档碎片不插入DOM树,就不会发出请求,这个与其他标准浏览器的行为一致。因此与浏览器搏斗真是消耗战啊,人家可以持续升级,把你焦头烂额搞鼓出来的hack秒杀。
IE的问题在于先parse不一定先onload,加之IE早期的onload是用onreadystatechange 模拟的。另外,IE6还有base标签这东西作崇,逼使我们以倒序插入(insertBefore)。
var frag = document.createDocumentFragment()
var script = frag.createElement('script')
frag.moduleID = "lang"
script.onreadystatechange = function(){
console.log(this.parentNode.nodeType);//11
console.log(this.parentNode.moduleID);//lang
//得到模块ID,然后将它与lang.js中的factory绑定在一起
document.getElementsByTagName("head")[0].appendChild(frag)
}
script.src = 'lang.js';
frag.appendChild(script)
机器瞎学/数据掩埋/模式混淆/人工智障/深度遗忘/神经掉线/计算机幻觉/专注单身二十五年
浙公网安备 33010602011771号