javascript - 未加载库时如何调试引用错误？

Question

例如，我收到一个引用错误 L is not Defined，其中 L 是传单。我已关注their tutorial ，这是我在 body 结束之前所得到的:

<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script>
    var map = L.map('map').setView([51.505, -0.09], 13);
    L.tileLayer('http://{s}.tiles.mapbox.com/v4/secretid/{z}/{x}/{y}.png', {
      attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
      maxZoom: 18
    }).addTo(map);
</script>

我已经检查过，js 文件的超链接有效。

Answer 1

要确保所有脚本都已加载，请使用 onload 回调，如下所示:

<script>
    window.onload = function() {
     var map = L.map('map').setView([51.505, -0.09], 13);
     L.tileLayer('http://{s}.tiles.mapbox.com/v4/secretid/{z}/{x}/{y}.png', {
attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a     href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a     href="http://mapbox.com">Mapbox</a>',
 maxZoom: 18
    }).addTo(map);
}
</script>