栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

通过JavaScript访问CSS文件内容

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

通过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代码:)
享受。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/615214.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号