代码段的JS无法在代码段以外的任何地方工作

当我在IE 10或11的代码段中打开代码时，此代码有效，但当我试图在jsfiddle或IE 10或11中的任何位置执行相同的操作时，。我已经尝试复制/粘贴并导出为存档，那有什么问题？代码段的JS无法在代码段以外的任何地方工作

if ('objectFit' in document.documentElement.style === false) { 
 
\t document.addEventListener('DOMContentLoaded', function() { 
 
\t \t Array.prototype.forEach.call(document.querySelectorAll('img[data-object-fit]'), function (image) { 
 
\t \t \t (image.runtimeStyle || image.style).background = 'url("' + image.src + '") no-repeat 50%/' + (image.currentStyle ? image.currentStyle['object-fit'] : image.getAttribute('data-object-fit')); 
 

 
\t \t \t image.src = 'data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'' + image.width + '\' height=\'' + image.height + '\'%3E%3C/svg%3E'; 
 
\t \t }); 
 
\t }); 
 
}

img { 
 
\t box-shadow: 0 0 0 1px; 
 
\t height: 200px; 
 
\t width: 200px; 
 
} 
 

 
img[data-object-fit="contain"] { 
 
\t object-fit: contain; 
 
} 
 

 
img[data-object-fit="cover"] { 
 
\t object-fit: cover; 
 
}

<img src="https://placehold.it/1080x200" data-object-fit="cover"> 
 

 
<img src="https://placehold.it/1080x200" data-object-fit="contain">

来源

2017-03-17 Aleksei Sievriukov

你是什么意思，它“不起作用”？不运行，抛出错误，在开始时不通过条件检查？ –

另请注意，在IE浏览器中实际上不支持'object-fit' https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit –

@JaredSmith它不会抛出任何错误，条件检查在开始时运行良好，但结果是没有任何js –

安东Chukanov，你的想法是正确的，有点我发现上的jsfiddle我可以选择加载JS的类型，所以默认类型是“的onLoad”当我选择“无包裹体”或“无包裹头”，它开始正常工作。所以我觉得比代码更容易改变加载类型。谢谢大家谁参与了这个问题！

来源

2017-03-17 12:58:04

Codepan只是火患 'DOMContentLoaded' 上运行代码的事件，但的jsfiddle没有。检查document.readyState

https://codepen.io/anon/pen/Rpjedb

https://jsfiddle.net/9ua5h7qc/1/

来源

2017-03-17 12:33:01

代码段的JS无法在代码段以外的任何地方工作

回答

相关问题