Question

我目前正在创建一个异步加载JS文件的窗口小部件，而后者又会相应地创建一个IFrame，我当前的问题是创建iframe的位置。我需要在父节点中创建IFrame，这是未知的。

问题是正在加载的JS（无论它粘贴在example.html页面上的哪个位置）都没有在父元素中加载IFrame。我需要它始终将IFrame加载到粘贴JS片段的父元素中。

example.html的

<script type="text/javascript">
    var uid = "1";
    (function(){
    var m = document.createElement('script');
    m.type = 'text/javascript';
    m.async = 'true';
    m.src = 'http://www.site.com/widget/widget.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(m, s);
})();
</script>

Widget.js

(function createFrame(){
    var iframe = document.createElement("iframe");
    iframe.id = "jobBoard";

   iframe.width = 100+"%"; 
   iframe.height = 100+"%";
   iframe.frameborder = "0";
   iframe.scrolling = "no";
   iframe.marginheight="0" ;
   iframe.marginwidth="0";
   iframe.frameborder="0"

    iframe.setAttribute("style","width:100%; height:100%; background-color:#FFF; border:none;padding:0 0 0 0; overflow-y: hidden; overflow:; -ms-overflow-y: hidden; -ms-overflow-x: hidden;");
    loc = "http://www.site.com/widget/open-jobs?uid=" + uid;
    iframe.src = loc;

    var scriptTags = document.getElementsByTagName('script');
    var i = scriptTags.length;
    while (i--) {
    if (scriptTags[i].src.indexOf('site.com') >= 0) {
              alert(scriptTags[i].parentNode)

        scriptTags[i].parentNode.appendChild(iframe);

        i = 0;
    }
    }

})();

Answer 1

你想要的是document.currentScript。不是最大的支持。

让我唠叨起来：

Voila fiddle与external JS。

动态创建IFrame并附加到未知父级

1 个答案: