javascript - 在 js 代码中间插入内联 javascript

Question

我有通常的谷歌地图 api 启动代码：

function initialize() {
  var mapOptions = {
    zoom: 7,
    zoomControl : false,
    streetViewControl : false,
    panControl : false,
    scaleControl : true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
};
</script>

我还有一组定义覆盖的文件，如下所示：

var path12coords = [
//stuff
];
   var path12 = new google.maps.Polyline({
   path: path12coords,
   strokeOpacity: 1.0,
   strokeWeight: 2
   });

  path12.setMap(map);

此代码必须进入initialize()方法，或者在加载时以任何其他方式调用。如何将其放入我拥有的代码中？我可以<script type="text/javascript" src="js/path12.js"></script>，但是代码是独立的，不会在加载时调用。

Answer 1

将其添加到初始化函数中。如果您的代码变得很大，您可以定义自己的函数并从初始化中调用这些函数。

是否要使用外部 js 文件取决于是否要在其他页面上重用代码。这取决于代码有多大。

Answer 2

在里面initialize你可以添加：

var s=document.createElement('script');
s.src='js/path12.js';
document.getElementsByTagName('head')[0].appendChild(s);