javascript - jQuery - 加载所有页面后执行的 append 脚本

Question

我目前正在处理一个页面，该页面包含一个 iframe 和一个用于添加菜单栏的脚本。

iframe 有一个加载时间很长的脚本，菜单的其他脚本必须像这样动态添加:

jQuery(document).ready(function () {
    var script = document.createElement('script');

    var url = 'URL TO SCRIPT THAT ADD MENU BAR';
    script.type = 'text/javascript';
    script.src = url;
    jQuery("head").append(script);

});

测试后似乎执行了此代码，但 Chrome 等待 iframe 完全加载，因此在 iframe 页面完成加载几秒钟后出现该栏。

那么有没有办法执行iframe中脚本之前追加的脚本呢？

谢谢:)

Answer 1

HTML

<iframe onload='load_script()'></iframe>

JS

        function load_script (){
            $.ajax({
                type: "GET",
                url: URL,
                dataType: "script"
            });
        }