unable to render norton security image in angular app

Question

When adding a reference to the norton security logo JS file (copied below) via a partial html file, I received the following error:

Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened

Instead of using a lazy load library or angular changes, I used the JQuery document ready call to load up the JS file but I am not experiencing the desired behavior i.e. the Norton logo does not get loaded up.

<div id="sslLogo"></div>
<script type="text/javascript"> 

function loadLogo(sslLogoContainer) {
 "use strict";

  var sslLogoScript = document.createElement('script');
  sslLogoScript.type = 'text/javascript';
  sslLogoScript.src = 'https://seal.websecurity.norton.com/getseal?host_name=www.test.com&amp;size=L&amp;use_flash=NO&amp;use_transparent=NO&amp;lang=en';
  sslLogoContainer.appendChild(sslLogoScript);

}

$(document).ready(function () {
var sslLogoContainer = document.getElementById("sslLogo");
loadLogo(sslLogoContainer);
});

/*
window.onload = {
var sslLogoContainer = document.getElementById("sslLogo");
loadLogo();
}*/
</script> 

Any thoughts on how to fix the issue? I modified the norton url for stackoverflow.