2

ここに私のtesting.htmlがあります：

<html>
<meta charset="utf-8">
<script>
window.onload = function() {
    var a = document.getElementById("divid");
    var ifr = document.createElement('iframe');
    a.appendChild(ifr);
    ifr.contentDocument.body.style.cssText = (
      'margin: 0px;' +
      'padding: 0px;' +
      'height: 100%;' +
      'width: 100%;');
}
</script>

<head></head>
<body>
<div id="divid"/>
</body>
</html>

ここで ifr.contentDocument.body.style.cssText = (...) は chrome では正常に動作しますが、Firefox では動作しません。Firefoxのバグですか？回避策はありますか？

見つかった回避策: Firefox に奇妙なレース バグがあるようです。以下に示すように、setTimeout を使用した次の回避策により、これが正常に機能します。

<html>
<meta charset="utf-8">
<script>
window.onload = function() {
    var a = document.getElementById("divid");
    var ifr = document.createElement('iframe');
    ifr.id = "fid";
    a.appendChild(ifr);
    setTimeout (function() {
        ifr.contentDocument.body.style.cssText = (
        'margin: 0px;' +
        'padding: 0px;' +
        'height: 100%;' +
        'width: 100%;');
    }, 100);
}
</script>

<head></head>
<body>
<div id="divid"/>
</body>
</html>
4

2 に答える 2

0

これを試して：

 ifr.contentDocument.getElementsByTagName('body')[0].style.cssText = (
  'margin: 0px;' +
  'padding: 0px;' +
  'height: 100%;' +
  'width: 100%;');

また

<div id="divid"> </div>
于 2013-05-05T05:34:31.730 に答える