0

我已经检查了很多其他问题，但仍然没有运气。

我正在使用 chrome 处理我的本地机器。

我有welcome.html（主页）和test.html（iframe 页面）然后我有我的style.css。

目标：将我的 test.html 作为一个 iframe 放在我的welcome.html 页面中。但是使用 jQuery 设置 iframe (test.html) 的样式。

所以我的welcome.html中有这个

<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
var $head = $("iframe").contents().find("head");                
$head.append($("<link>", { rel: "stylesheet", href: "style.css", type: "text/css"     }));
});
</script>

然后在body标签里面

<iframe name='iframe' id="iframe" src="test.html"></iframe>

iframe 正在工作，但当我检查 iframe 时没有附加任何样式。

4

1 回答 1

0

我假设您不能直接编辑 iframe 源？最简单的解决方案是在<link>此处添加标签。

但是，您真正的问题可能是它找不到 css 文件。标签中的src属性<link>需要相对于 iframe 的位置。如果 iframe 在其他域上，您将需要一个绝对路径（在您的情况下可能"http://localhost/whatever/style.css"）。

于 2013-11-08T20:30:03.227 回答