这是利用到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)