title: Dynamic Iframe Load Jquery
body: <p>I am developing an embeddable widget using an iframe that can be used by injecting the script tag.</p>
  <p>In the script tag, I have a set of code that dynamically creates an IFRAME and injects it into the user site.
  How to use script tag within this Iframe to load third-party javascript like Jquery?</p>
  <p>const $_Iframe = document.createElement('iframe');</p>
  <p>If I use the below method, It is getting loaded in the parent DOM (user html)</p>
  <pre><code>var s1 = document.createElement(&quot;script&quot;);
      s1.async = true;
      s1.src = url;
      var s2 = document.getElementsByTagName(&quot;head&quot;)[0];
      s2.parentNode.insertBefore(s1, s2);
  </code></pre>