另一个加载后如何包含javascript文件？

Question

我在index.php的页脚中有一个id =“ iframe”的iframe，在iframe加载后，我想包含一个javascript文件。

到目前为止，我有：

<script>
$('#iframe').onload = function () {
    </script>
        <script src="/js/myjsfile.js"></script>
    <script>
}
</script>

但是，该网页很生气，并说：SyntaxError：意外的输入结尾（对于{）和SyntaxError：意外的标记}如何在加载另一个文件之后包括这些文件？

Answer 1

您应该尝试这样：

var s = document.createElement("script");
s.type = "text/javascript";
s.src = "http://somedomain.com/somescript";
$("head").append(s);

有关更多信息，请参见此帖子 。

希望这会有所帮助！

Answer 2

您可以使用jQuery.getScript（）并检测iframe的加载事件。

 $('#iframe').on('load', function(e) { $.getScript('https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js', function() { // library is loaded. Now I can start to use.; console.log('Now the library is loaded!'); }); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <iframe id="iframe" src="https://dummyimage.com/200x200/000/fff" style="width: 200px;height: 200px"></iframe> 

可以基于动态添加脚本元素的方法，例如：

 $('#iframe').on('load', function(e) { $('head').append($('<script/>', {src: 'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js'})); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <iframe id="iframe" src="https://dummyimage.com/600x400/000/fff" style="width: 200px;height: 200px"></iframe> 

Answer 3

您可以像这样在iframe负载上注入脚本代码。

        <script>
         $('#iframe').on('load', function() {
             var script = document.createElement('script');
             script.src = '/js/myjsfile.js';
             document.body.appendChild(script);
         });
        </script>