另一個加載后如何包含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>