javascript - 从一个 .js 文件引用到另一个

Question

我参考外部路径使用 javascript 小书签

javascript:(function(){var s = document.createElement('script');s.src = 'http://192.168.0.100/my.js';document.body.appendChild(s);})();

如何创建对与 my.js 文件位于同一目录中的 jQuery.js 文件的引用？

我可以将 css 文件附加到这些文件中吗？

Answer 1

编写与您相同的代码my.js：

javascript: (function() {
    var s = document.createElement('script');
    s.src = 'http://192.168.0.100/my.js';
    document.body.appendChild(s);

    var s2 = document.createElement('script');
    s2.src = 'http://192.168.0.100/jquery.js';
    document.body.appendChild(s2);

    var l = document.createElement('link');
    l.rel = 'stylesheet';
    l.href = 'http://192.168.0.100/foo.css';
    l.type = 'text/css';
    document.body.appendChild(l);
})();

Answer 2

javascript:(function(){
    var s = document.createElement('script');
    s.src = 'http://192.168.0.100/my.js';
    document.body.appendChild(s);
    // Additional js file
    s = document.createElement('script');
    s.src = '<jQuery location goes here>';
    document.body.appendChild(s);
    // CSS file
    s = document.createElement('link');
    s.rel = "stylesheet";
    s.href = "<location goes here>";
    s.type = "text/css";
    document.body.appendChild(s);
})();

Answer 3

我认为这对于您的特定要求可能有点过头了，但我想指出require.js的存在，因为以后发现这个问题的人可能会感兴趣。

简而言之，它的作用是提供一些在页面中动态加载资源的工具，支持依赖项和命名空间（尽管您仍然必须包装您的模块，以免它们阻塞全局命名空间）。

这样，即使在（相当大的）应用程序中，您也可以轻松管理依赖项等。