通过JavaScript访问CSS文件内容

通过JavaScript访问CSS文件内容,第1张

通过JavaScript访问CSS文件内容

get
如果样式表包含在同一个域中,则可以通过一个简单的ajax 调用加载内容

*更新后进行 *编辑
我尝试使用此代码(在FX10上)作为 概念验证
,仅使用对CSS的一个请求,但对我来说似乎有点不客气,应该对其进行测试和验证。如果javascript不可用,还应该进行一些后备改进。

CSS(外部文件 test.css

div { border: 3px solid red;}

HTML / jQuery

<!doctype html ><html>    <head>       <!-- provide a fallback if js not available -->       <noscript>          <link rel="stylesheet" href="test.css" />       </noscript>    </head>    <body>        <div></div>        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.js"></script>        <script>        $(document).ready(function() { $.when($.get("test.css")) .done(function(response) {     $('<style />').text(response).appendTo($('head'));     $('div').html(response); });        })        </script>    </body></html>

您应该在div内看到带有红色边框的CSS代码:)
享受。



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5621312.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-15
下一篇 2022-12-15

发表评论

登录后才能评论

评论列表(0条)

保存