有没有类似于css的@import导入javascript文件的常用方法？

是否有一种将JavaScript文件包含到页面中的通用/标准方式，其工作方式与CSS中的@import语句类似？有没有类似于css的@import导入javascript文件的常用方法？

具体来说，我正在寻找类似在我的HTML文档的头部下面的东西结束：

<html> 
    <link rel="stylesheet" href="imports.css" /> 
    <script type="javascript" src="imports.js" /> 
</html>

所以只有一个文件从HTML调用，但随后该文件有一个文件列表它需要包括，例如：

/* imports.css */ 
@import url('foo.css'); 
@import url('bar.css');

，然后像这样在javascript：

// import.js 
import('jquery.js'); 
import('my.plugin.jquery.js'); 
import('my-code.js');

我希望实现的目标是从HTML和CSS中获取一个“call”，以便我可以在本地开发许多文件，然后将所有css/js文件合并/缩小/ gzip到相应的import.ext文件中在部署期间表现。

什么我不要想要做的是有应用程序代码（在这个例子中的PHP）为我改变HTML输出;我需要这是完全客户端。

对此提出建议？

来源

2011-06-16 Phillip B Oldham

你可能想看看[LabJS（http://labjs.com）或别的类似的，但要注意，动态加载脚本将引入有趣的同步问题。 – Pointy 2011-06-16 16:14:52

那么你可以尝试创建和附加脚本。但我不确定这是否是性能明智之后的事情，因为它会尽可能多地请求文件数量，并增加创建和附加元素的开销。

var myScript = document.createElement("script"); 
myScript.src = "/js/test.js"; 
myScript.type= "text/javascript"; 

document.getElementsByTagName("body")[0].appendChild(myScript);

，或者你可以尝试这样的事情 http://www.webreference.com/programming/javascript/mk/

来源

2011-06-16 16:17:17 Pantelis

有没有类似于css的@import导入javascript文件的常用方法？

回答

相关问题