我正在制作一个文档站点,其中显示 html、css 和 js 示例。目前我抓取导航栏的 html 并将其放入代码块中:
$(".navbars #navbar .html code").text($(".navbar")[0].outerHTML);
我希望能够用 css 做一些类似的事情。所有的导航栏 css 都包含在内:
<link href="css/navbar.css" rel="stylesheet">
首先我想通过 ajax 请求获取它,但由于我没有运行服务器(只是一个简单的 html、css 和 js 网站),我得到一个 Origin 'null' 因此不允许访问.
错误。
其次,我认为也许有一种方法可以使用 jQuery 获取元素及其子元素的所有 css。我没有想到这个想法。
最佳解决方案是使用文件(已包含在页面中)并获取内容,但我无法找到如何与已包含的 css 文件进行交互。任何帮助/想法将不胜感激!
最佳答案
您应该能够向任何有效的本地路径发出简单的 $.get 请求。也许您需要摆弄请求内容类型。
尝试包含 jQuery 并使用
$.get{"css/navbar.css",function(data){
$(".navbars #navbar .html code").text(data);
});
关于javascript - 使用 Javascript 和/或 jQuery 获取包含的 css 文件的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24938489/