将模块ID与factory关联在一起的新思路-优快云博客

本文探讨了在不同版本的Internet Explorer中支持HTML5新标签的方法，并提供了利用jQuery团队提供的hack来解决IE6-8中HTML5标签兼容性的示例。此外还讨论了IE9及以后版本中对文档碎片操作的不同行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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