0

我目前正在创建一个小部件，它将异步加载一个 JS 文件，然后相应地创建一个 IFrame，我当前的问题是创建 Iframe 的位置。我需要将 IFrame 创建到父节点中，这是未知的。

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

例子.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>

小部件.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;
    }
    }

})();
4

1 回答 1

0

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

让我振作起来：

瞧，摆弄外部 JS。

于 2013-11-12T20:59:06.617 回答