存在Internet连接时如何加载<script>标签？

Question

我有用于Google地图的脚本：

并且仅当我具有互联网连接时，我才想使用javascript将其加载到html文件中。

我使用 navigator.onLine 检查了互联网，并尝试使用以下代码加载脚本：

  var api ='{{env.GOOGLE_API_KEY}}';;
       如果（api && navigator.onLine）{

     var head = document.getElementsByTagName（'body'）[0];
    var jsapi = document.createElement（“ script”）;
    jsapi.type =“ text / javascript”;
    jsapi.src =“ https://maps.googleapis.com/maps/api/js?key="+api+”“;
    console.log（jsapi）;
    head.appendChild（jsapi）;
    }
 

但不起作用。 也许加载脚本很慢。