关于javascript:如何在JS文件中使用外部(http)库

How to use external(http) library in a JS file

本问题已经有最佳答案,请猛点这里访问。

我找到了几个关于这个的答案,但在我的不为人知的情况下,它们涵盖了位于同一目录下的库和调用文件。

在我的应用程序中,我当前在index.html页头中有以下代码:

1
2
<script type="text/javascript"
          src="https://apis.google.com/js/api.js">

我要做的是在一个.js文件中加载和使用同一个库。应用程序是客户端的,目前正在使用以下框架:"serveup"、"hem"、"es5 shimmify"、"json2ify"、"jqueryify"。

我试过使用jquery"require",但收到错误消息说找不到模块,我猜它正在查找本地文件。


试试这个:

1
2
3
  var fileref=document.createElement('script');
  fileref.setAttribute("type","text/javascript");
  fileref.setAttribute("src","https://apis.google.com/js/api.js");

我自己对此有点模糊,但我似乎记得脚本不能轻易地从其他域调用脚本,以避免违反"单源"规则。

典型的技术是要么执行一个Ajax请求,然后执行一个eval,要么向头部注入一个标记,这会导致浏览器的解释器获取资源,但根据您希望完成的任务,执行过程可能会稍晚一些。

我所做的就是使用require.js框架,它处理各种沙盒的所有奇怪之处。你的头脑有点难,但也许值得。