0

有一个动态创建的<style>标签，我将附加一段 css 连接到它。这是用于动态加载模块的更大框架的一部分。

最初它创建了新的样式标签，但由于著名的“31 样式表限制”，这不再是一个选项，所以我决定回收现有的样式标签（除非它们包含太多规则或者新字符串包含@import，在这种情况下无论如何都必须创建一个新的）。

不管怎样，我让它在所有主流浏览器（FF2+、Chrome14+、Opera10+、IE7+、Safari 4.0+）上都能运行，现在 IE6 让我头疼。

我对其他场景中的这个错误很熟悉，但我从未在这种情况下看到过。另外，不要打扰任何 IE6-timeywimey，我很清楚这一点。但不幸的是，这是一个仍然需要 IE6 支持的例外情况。

错误截图和部分源代码

请注意，括号计数仅用于估计和调试目的。try/catch 最初不在cssText +=，我添加它是因为我发现它在 IE6 中引发异常。

4

1 回答 1

2

我找到了自己问题的答案。事实证明 IE6 有一个模糊的安全措施，它不允许对其他脚本间接创建的元素进行操作（即使它们来自完全相同的来源/域）。

在这种情况下，简化的方法工作正常，但实际代码失败了。唯一的区别是实际代码使用 jQuery 来存储数据、创建元素和插入元素。最后一个动作（插入元素）是问题所在。

我变了

        /**
         * @param {jQuery|HTMLElement} $nextnode
         */
        function addStyleTag( text, $nextnode ) {
            var s = document.createElement( 'style' );
            // IE: Insert into document before setting cssText
            if ( $nextnode ) {
                // If a raw element, create a jQuery object, otherwise use directly
                if ( $nextnode.nodeType ) {
                    $nextnode = $( $nextnode );
                }
                $nextnode.before( s );
                /* ... */

到：

        /**
         * @param {jQuery|HTMLElement} nextnode
         */
        function addStyleTag( text, nextnode ) {
            var s = document.createElement( 'style' );
            // IE: Insert into document before setting cssText
            if ( nextnode ) {
                // If a jQuery object, get raw element, otherwise use directly
                if ( nextnode.jquery ) {
                    nextnode = nextnode.get( 0 );
                }
                nextnode.parentNode.insertBefore( s, nextnode );
                /* ... */

这解决了问题。

于 2012-09-25T16:47:09.703 回答