阅读CSS文件的内容

Question

我从服务器获取一个CSS文件，我想要该文件的内容，并在其他任何加载之前将其放入我的身体中的标签中。有没有办法使用Jquery或JavaScript读取css文件的内容？

Answer 1

如果您想使用Javascript读取文件，请使用ajax方法。这是允许您读取文件的.get。

http://api.jquery.com/jquery.get/

Answer 2

唯一的方法是通过AJAX读取这个，如Superdrac所述。使用jQuery函数$.get()来实现您的目标。

$.get("path/to/stylesheet.css");

但是，如果你从其他地方获取文件，那里没有设置Access-Control-Allow-Origin标头，你需要构建一个小代理来访问该文件。所以，你可以用PHP做点什么：

<?php
    die(file_get_contents($_GET["url"]));
?>

然后将其保存为proxy.php，您必须以这种方式更改$.get()功能：

$.get("proxy.php?url=http://another.domain/path/to/stylesheet.css");

该函数为您提供外部样式表文件的内容。如果你想在标签中加载一个<div id="ext-css">标签，你可以这样做：

$("#ext-css").load("proxy.php?url=http://another.domain/path/to/stylesheet.css");

希望这有助于您开始使用。但我仍然感到困惑，你为什么要做这样的事情。你是否从某个你不应该做的地方轻弹样式表？ ;)