Question

如何在xternal .js文件中包含jquery libray src =“http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”？另外如何在.js文件中包含.css文件？

Answer 1

var x = document.createElement('script');
x.src = 'http://example.com/test.js';
document.getElementsByTagName("head")[0].appendChild(x);

Answer 2

您只能在HTML文件中添加JS文件。当您运行JS App打开一个网站时，您正在查看包含JS文件的HTML文件。

如果您正在使用jQuery，则可以使用以下命令将HTML文件添加到HTML中：

 $.getScript(url, successCallback);

而且这里＆＃39;异步Vanilla JS函数

function loadScript(src, callback)
{
  var s,
      r,
      t;
  r = false;
  s = document.createElement('script');
  s.type = 'text/javascript';
  s.src = src;
  s.onload = s.onreadystatechange = function() {
    //console.log( this.readyState ); //uncomment this line to see which ready states are called.
    if ( !r && (!this.readyState || this.readyState == 'complete') )
    {
      r = true;
      callback();
    }
  };
  t = document.getElementsByTagName('script')[0];
  t.parentNode.insertBefore(s, t);
}

或者只是将所有代码写在一个文件中，或者使用构建系统来连接和缩小文件以进行生产。

外部js文件中的外部css和jquery

2 个答案: