如何包含 JavaScript 库？答案

【问题标题】：How to include JavaScript libraries?如何包含 JavaScript 库？
【发布时间】：2015-02-04 17:00:51
【问题描述】：

在我的代码中包含 proj4.js JavaScript 库时遇到问题。代码如下所示：

<!DOCTYPE html>
<html>
<head>
    <title>Proj4js Testing</title>
</head>
<body onload="convertCoordinates()">
    <script type="text/javascript" src="proj4.js">
        function convertCoordinates() {
            var sourceProjection = "+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs";
            var targetProjection = "+proj=utm +zone=33 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs";
            proj4(sourceProjection, targetProjection, [15, 55]);
            alert("Done!");
        }
    </script>
</body>
</html>

但它从来没有给我一条消息说“完成！”。我对 JavaScript 知之甚少，但我在这段代码中看不到问题。我关注了the user guide on GitHub。

【问题讨论】：

在<head> 部分中包含脚本并不总是最佳做法。这将延迟页面的显示，直到脚本加载完毕。通常，最好在结束 </body> 标记之前包含它们。编辑...这是对已删除评论的回复:)

标签： javascript proj4js

【解决方案1】：

您不能将内联 JavaScript 代码与外部加载的脚本结合使用。相反，只需将您的脚本分成两个单独的块：

<script type="text/javascript" src="proj4.js"></script>

<script type="text/javascript">
        function convertCoordinates() {
            var sourceProjection = "+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs";
            var targetProjection = "+proj=utm +zone=33 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs";
            proj4(sourceProjection, targetProjection, [15, 55]);
            alert("Done!");
        }
</script>

【讨论】：

【解决方案2】：

他们需要分开<script>标签：

<script type="text/javascript" src="proj4.js"></script>
<script type="text/javascript" >
    function convertCoordinates() {
        var sourceProjection = "+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs";
        var targetProjection = "+proj=utm +zone=33 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs";
        proj4(sourceProjection, targetProjection, [15, 55]);
        alert("Done!");
    }
</script>

【讨论】：