Question

此脚本中的iframe标记在IE-Version 8中不起作用，但它在Firefox和Chrome中有效。是否有替换适用于所有浏览器的iframe？

<script type="text/javascript">

    document.body.onload = function () { onclick(); };

    function onclick() {
      $("#chartdiv").html('<iframe id="Reloader" style="width: 680px; height: 500px;margin-left:250px;" frameborder="0" marginwidth="1" src="charts/deptwise.htm"></iframe>');
    }; 

</script>

Answer 1

尝试使用jQuery加载函数而不是document.body.onload - 我怀疑IE8在onload部分遇到了困难： http://api.jquery.com/load-event/

Answer 2

$(function() {
  $("#chartdiv").html('<iframe id="Reloader" style="width: 680px; height: 500px;margin-left:250px;" frameborder="0" marginwidth="1" src="charts/deptwise.htm"></iframe>');
});

可能会更好用

DEMO在Chrome FX，IE8和IE9中进行了测试

如果你想让它在点击身体时执行：

$(function() {
  $("body").on("click",function() {
    $("#chartdiv").html('<iframe id="Reloader" style="width: 680px; height: 500px;margin-left:250px;" frameborder="0" marginwidth="1" src="http://msdn.com"></iframe>');
  });
});

DEMO

iframe无法在ie8中工作

2 个答案: