javascript - iframe 无法在 ie8 中运行

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 在加载部分有困难：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>');
}); 

可能会更好

在 Chrome FX、IE8 和 IE9 中测试的DEMO

如果你想让它在点击正文时执行：

$(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>');
  });
});​

演示