Conbining CSS和JavaScript到一个文件中，并将其链接

Question

我开发了具有明显的jQuery，自举，其他第三方库加上CSS文件以及我的自定义CSS和JavaScript，但希望他们捆绑在一起，我小的网上申请只有一个电话。

的原因是因为该应用程序正在与几个在线网站已经拥有这些库，但可能有一个过时的库，矿山将在他们乘坐这将导致网站不能正常工作使用。

我使用HTML导入，将所有我的库和CSS放入一个HTML文件中，将其命名为import.html并制作一个简单的<link rel="http://mywebsite.com/import"></link>，它的工作方式类似于魅力，但它在iOS中不起作用。哦，是的，这是一款仅适用于智能手机的应用程序，仅适用于iOS和Android。

但最主要的原因是，我将文件交给客户端，并且想给更少的代码尽可能易于实现。

是否有完成类似的情景另一种方法？

Answer 1

您可以通过JavaScript将任意HTML/CSS转换成HTML。

例如：

var style = document.createElement("style"); 
var CSS = ".someCSS { background: red; }"; 
style.innerHTML = CSS; 
document.head.appendChild(style); 

这种方法对于编程方式修改并引入CSS是有用的，但它的绝对比包括与所述<link>元件CSS慢很多。 （这种方法很难编辑CSS，并且需要绕过DOM和样式表的构建中的任何浏览器优化）

另外，你的帖子中有错误，iOS，Android和大多数浏览器，绝对可以包含与<link rel = "...">的CSS。这被认为是正确的以外，并且比我上面发布的代码（这是您的问题的答案）更快。您的代码无法运行的原因不是iOS上的CSS/HTML问题，更可能是您网站本身的问题。