Question

我在我的网站上使用外部js文件，它目前位于我的样板文件的底部。

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>

我只需要在特定页面或特定模态加载时加载此脚本。

有没有办法从我的javascript代码调用脚本。例如：

$(document).one('opened.fndtn.reveal', '#my-modal[data-reveal]', function () {
    //load places api
});

谷歌也建议在每一页上都有 - 这是为什么？我不需要在每一页上都使用它。

Answer 1

您可以使用 .getScript()

使用GET HTTP请求从服务器加载JavaScript文件，然后执行它。

$.getScript("https://maps.googleapis.com/maps/api/js?libraries=places", function(){
  alert("script loaded");
});

Answer 2

另一种方法，如果你没有jQuery。

function inyectScript(url, success){
        var script = document.createElement('script');
        script.src = url;
        script.id = "myScript";
        var done = false;
        script.onload = script.onreadystatechange = function() {
            if (!done && (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete')) {
                done = true;
                success();
                script.onload = script.onreadystatechange = null;
            }
        };
        document.getElementsByTagName('head')[0].appendChild(script);
    }

从JS类加载外部JS文件

2 个答案: