从 PHP 文件动态加载 CSS 内容 - dynamically load css content from php file

dynamically load css content from php file

本文关键字：CSS 内容加载动态 PHP 文件 | 更新日期: 2023-09-27

我有css.php文件，它将在每个ajax调用中生成动态样式，但是如何在没有页面加载的情况下使用前端进行效果。例如在 css 中.php （ .class1{color：#ddd;} .class2{color：#eee;} ）实际上它将由 php 循环生成并从键和值的组合中创建类。因此，可以使用 AJAX 或 jQuery 从 PHP 加载 CSS 内容，如果是，那么如何？

是的，这是可能的。您只需要：

将此样式附加到页面<head>部分附加到<style></style>块中
添加<link rel="stylesheet" type="text/css" href="css_script.php">

例如，第一个变体（使用 jQuery）：

$.ajax({
    url: 'css_script.php',
    success: function(data) {
        $('#ajax-css').remove(); // Remove previous CSS
                                 // received by AJAX (if exists)
        var $styleElement = $('<style/>');
        $styleElement.attr('type', 'text/css');
        $styleElement.attr('id', 'ajax-css'); // ...so that we can find
                                              // and replace this element later
        $styleElement.html(data);
        $styleElement.appendTo($('head'));
    }
});

这是小提琴。