问如何检查HTML embed标签中是否加载了内容？
EN

Stack Overflow用户

提问于 2018-10-09 22:40:53

回答 1查看 536关注 0票数 1

我正在使用embed标签来加载pdf。这是一个遗留的应用程序，所以不能使用其他方法。我想运行一些javascript函数，当pdf在embed标签中完全加载。我该怎么做呢？

我试过在embed标签上使用onload事件，但它不起作用。

<!doctype html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
        //This function should be called when pdf loads.
        function ContentLoaded()
        {
            //Some code which should execute only after PDF loads on browser
        }
    </script>
</head>
<body>
    <embed  id="content" src="myfile.pdf"/>
</body>
</html>

html

embed

javascript

回答 1

Stack Overflow用户

发布于 2018-10-09 23:11:13

我建议您将<script>标记放在结束主体标记(</body>)之前。这样，JS代码将在HTML内容加载后运行。

如果您将下面的代码放在结束标题标记(</head>)之前，它会在开发人员控制台中显示错误。但是如果你把它放在</body>标签之前，它就会工作得很好。

<script type="text/javascript">
  var pdf = document.getElementById('content');
  console.log('pdf:', pdf);

  var w = pdf.getAttribute('width');
  console.log('pdf width is exactly:', w, 'pixels');
</script>

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52723699

复制

相似问题

问如何检查HTML embed标签中是否加载了内容？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检查HTML embed标签中是否加载了内容？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检查HTML embed标签中是否加载了内容？
EN