在同一文件夹中加载多个样式表/脚本的快捷方式

时间:2010-08-18 13:48:34

标签: javascript html css

我一直在处理网页,并希望在外部库中加载多个样式表。

不幸的是,这个库有很多CSS文件分布在同一个文件夹下。

名称很复杂,手动将其逐个链接起来很痛苦。

因为它

<link type="text/css" href="site/libraries/folder/highlight-areas.css"></link>
...

是否有快捷方式将所有CSS文件加载到文件夹 site / libraries / folder

中的同一页面上

我知道如何使用Ruby on Rails执行此操作,但这是另一个域。

客户端是否有类似的技术?

提前致谢

3 个答案:

答案 0 :(得分:1)

CSS @import功能会帮助你吗?它允许您将CSS文件导入另一个,因此您可以创建一个链接到其他库样式的主CSS。

答案 1 :(得分:0)

不是这样,不。 Javascript根本无法访问服务器端信息。 (谢天谢地!)但是,如果你愿意,没有什么可以阻止你的:

  1. 使用某种服务器端脚本语言创建页面: A.抓取.css内所有site/libraries/folder文件的内容,并根据请求将其作为一个CSS文件提供。
    B.向客户端脚本发送文件夹中.css个文件的所有名称列表,以便在需要时加载它们。
  2. 在部署阶段设置一个脚本: A.使用您要使用的.js文件的名称更新您的.css.html.css文件。
    B.将所有.css个文件连接到一个文件中,并将 部署到您的服务器。
  3. 这些方法中的每一种都有优点和缺点。 1A需要为每个请求处理时间(除非您缓存结果,在这种情况下,您可能需要考虑只使用2B1B对于禁用Javascript的客户端不起作用。在进行编辑后,2A2B都要求您始终运行部署脚本。所以这取决于你。

答案 2 :(得分:0)

只是一个想法(未经测试):

  • 设置htaccess文件以允许列出stylesheets目录的目录内容
  • 解析结果以提取文件名
  • 使用document.write
  • 注入链接标记