JSFiddle - React, Tailwind, and code Playground

HTML

<div id="DIVinPage"></div>

JavaScript

$(function() {
    $('#DIVinPage').html('<iframe  id="MyIFRAME" src="http://mgeospatial.com/database.pdf" width="90%"  height="600" frameborder="0" scrolling="no" style="overflow-x:  hidden"></iframe>');
    $('#MyIFRAME').unbind('load');
    $('#MyIFRAME').load(function() {
        alert('will alert when all elements in the frame are done');
    });
});