Как проверить, загружен ли контент в тег HTML для вставки? - PullRequest
0 голосов
/ 09 октября 2018

Я использую тег для вставки PDF.Это устаревшее приложение, поэтому нельзя использовать другой подход.Я хочу запустить некоторую функцию JavaScript, когда PDF полностью загружается в тег встраивания.Как я могу это сделать?

Я пытался использовать событие onload для тега embed, но он не работает.

<!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>

1 Ответ

0 голосов
/ 09 октября 2018

Я предлагаю вам разместить тег <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>
...