动态加载JavaScript [英] Load JavaScript dynamically

问题描述

我有一个网页和一个嵌入了谷歌地图的画布。我在这个网站上使用jQuery。

I have a web page and a canvas with Google Maps embedded in it. I am using jQuery on this site.

我只想在用户点击显示地图时加载Google Maps API。此外，我想从标题中删除整个Google地图的加载，以提高我的网页效果。

I want to load Google Maps API only if the user clicks on "Show me the map". Further, I want to take away the whole loading of the Google Maps from the header in order to improve my page performance.

所以我需要动态加载JavaScript。我可以使用什么JavaScript功能？

So I need to load JavaScript dynamically. What JavaScript function I can use?

推荐答案

您可能想要使用 jQuery.getScript ，可帮助您在需要时加载Google Maps API javascript文件。

You may want to use jQuery.getScript which will help you load the Google Maps API javascript file when needed.

示例：

$.getScript('http://maps.googleapis.com/maps/api/js?libraries=geometry&sensor=true', function(data, textStatus){
   console.log(textStatus, data);
   // do whatever you want
});

这篇关于动态加载JavaScript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！