如何获取css代码并保存在字符串中

How to get the CSS-Code and save in a String?

本文关键字:保存 存在 字符串 代码 css 何获取 获取      更新时间:2023-09-26

我试图获得css文件的代码并将其保存到字符串中以供以后使用。我已经在另一篇文章中找到了可以做到这一点的东西,但我尝试过的都不起作用。

$.ajax({ 
    url: "css/style.css", 
    dataType: "text",
    success: function(cssText) { 
    } 
});

谁能帮我,告诉我如何获得和保存css代码?

谢谢

读取jquery .get() API。就在那儿告诉你。

var myData;
$.get( "your_css.css", function( data ) {
    console.log(data);
    myData = data;
}); 
console.log(myData);

只是一个警告,由于JavaScript的性质,第6行可能会在第3行之前触发。只是思考的食物。

编辑

我知道console.log(myData);响应为空。我是故意的。我教他,如果他这样做,确保如果数据再被操纵,要么强制它同步,要么把它放在回调中。一个更好的选择是把它放在回调中。

如果你得到适当的css作为响应,然后尝试使用下面的函数:

$.ajax({ 
url: "css/style.css", 
dataType: "text",
success: function(cssText) { 
    // paste styles to head       
     $('<style type="text/css"></style>').html(cssText).appendTo("head");
} 

});

你可以添加样式表,并禁用它的属性。

var href = "style.css";
$("head").append("<link id='Iwait' type='text/css' href='"+href+"' attribute>"); 

当你想使用你的样式表时,移除disabled属性:

$("#Iwait").prop('disabled', false);