动态加载CSS样式

时间:2014-05-28 14:49:00

标签: javascript php jquery html css

我有一个样式表保存在这个位置:

/opt/lampp/htdocs/project/core/styles/Style.css

现在,我需要做的是使用该完整目录加载它,因为将要使用它的文件位于:

/opt/lampp/htdocs/project/client/

我的目标是创建一个完全动态的网站,可以正确地更新到众多客户"根据自己的个人信息。到目前为止,我已经完成了所有工作,但是我想要动态加载CSS,所以如果我想对样式表进行任何更改,它们会立即被注意到。这里是' s在我遇到问题的地方,我无法弄明白。我使用JavaScript跟随谷歌的头版采用了十几种不同的方法,但它们都没有奏效,它们都来自2009-2010。也许有人想对我的黑暗道路有所了解?

2 个答案:

答案 0 :(得分:1)

这对我有用:

document.write('<link rel="stylesheet" type="text/css" href="/opt/lampp/htdocs/project/core/styles/Style.css" media="screen" />');

答案 1 :(得分:0)

我没有看到任何使用javascript的理由,除非在更改样式表时需要自动刷新加载的页面。

如果您只是需要在下次页面加载时自动重新加载,您可以使用以下内容:

<link rel="stylesheet" type="text/css" href="/project/core/styles/Style.css?v=<?php echo time(); ?>">

使用绝对路径可确保它适用于任何文件夹中的任何客户端/文件。

我已将时间戳添加到css文件中,以便它不会被缓存,但您也可以设置服务器以禁用特定文件的缓存。