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代码:)
享受。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)