如何将HTML + JavaScript转换为外部Javascript

Question

我正在尝试将html和javascript代码转换为html文件可以执行的外部代码文件。

这是HTML中的代码：

function initMap() {
        var mapDiv = document.getElementById('map');
        var map = new google.maps.Map(mapDiv, {
            center: {lat: 44.540, lng: -78.546},
            zoom: 8
        });
      }
    </script>
    <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">

我知道如何将函数放置到外部javascript代码文件中，但是我的问题是如何将第二个脚本标记放置到外部javascript中？

Answer 1

您不能在javascript中放置标签。 您可以创建标签并将其插入html。

var script = document.createElement("script");
script.src = "/test.js";
document.body.appendChild(script);

这将创建一个script标签，其src属性设置为“ /test.js”，并将其附加到head标签的末尾。

有关更多信息，请参见https://stackoverflow.com/a/950146 。

如果您的目标是更好地清理和管理 javascript文件，建议您使用一种模块化javascript管理库。 （例如RequireJS ）