Question

这个帖子太多了。我经历了所有这些，但没有运气。我挣扎了这么久（Onload事件不起作用）。我找到了解决办法。

我试过.. 1。

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script type="text/javascript">
document.getElementById('pdfcontent').onload = function() {
   alert("working");
}

</script>
</head>
<body >
<div id="loadingpdf">Loading pdf</div>
<iframe src="http://prodevapp.com/ArmyPublicRelation/pdf/royalthaiarmynews/news_20141103173559.pdf" id="pdfcontent" />
</body>
</html>

2

$.ajaxSetup(
            {
                cache: false,
                beforeSend: function() {
                    $('object').hide();
                    $('#loadingpdf').show();
                },
                complete: function() {
                    $('#loadingpdf').hide();
                    $('object').show();
                },
                success: function() {
                    $('#loadingpdf').hide();
                    $('object').show();
                }
            });
            var $container = $('object');
            $container.load(function(){
        alert("Image loaded.");});

3

         <body >
    <script>
function my_code(){
alert(" working");
}
var iframe = document.createElement("iframe");    
iframe.src = "http://prodevapp.com/ArmyPublicRelation/pdf/royalthaiarmynews/news_20141103173559.pdf";
document.body.appendChild(iframe);
iframe.onload=my_code;
</script>
</body>

4

$("iframe").on('load', function() {
  alert('Image Loaded'); 
}).each(function() {
  if(this.complete) $(this).load();
});  //this worked one time but later it doesn't work it seems some cache problem.

如何解决这个问题？

Answer 1

getElementById() returns null even though the element exists的副本，您也错过了<iframe>的结束标记。
你使用的是iframe，而不是Ajax，所以关注Ajax的事情是不会有用的
在为其分配值之前，您尝试使用iframe变量。
- 编辑后 - 尝试在定义之前使用函数。虽然功能已悬挂，但它们不会从以后的脚本中提升。
- 再次编辑后 - it works。
也是getElementById() returns null even though the element exists

Answer 2

您可以找到帮助here

有趣的是，这个帖子中的选定答案表明你无法跟踪pdf加载。

onload事件不起作用

2 个答案: