jQuery将CSS链接添加到iframe头部

Question

我正在尝试将一个CSS文件附加到通过全局脚本创建的页面上的iframe中。我可以访问其中的一部分，但由于某种原因我无法将其附加到head中。更令人沮丧的是，它也没有抛出错误。

<script type="text/javascript">
$(document).ready(function() {                   
  $('#outline_text_ifr')
    .contents()
    .find('head')
    .append('<link type="text/css" rel="stylesheet" href="/include/outline.css" media="all" />');
});
</script>

- Micharch54

---

您在同一域名下打开此页面吗？ - andres descalzo

可能是使用jQuery将样式表附加到iframe的重复问题。 - hunter

我尝试添加样式表，但出现错误。也许我实现得不正确。但它说页面上不存在该框架。 - Micharch54

我在想问题是否在于iframe是由外部脚本创建的（我无法访问其中一个）。这可以解释为什么在尝试实现另一篇文章中的方法时会出现错误。 - Micharch54

for example: <iframe onload="doSomething()"> - Dr.Molle

Answer 1

var $head = $("#IFrame").contents().find("head"); 
var url = "Styles/styles.css";
$head.append($("<link/>", { rel: "stylesheet", href: url, type: "text/css" } ));

或者

        $('#IFrame').contents().find('#div1').css({
            color: 'purple'
        });

- Rami Sarieddine

---

完美!! 我使用它后有效 :) - jeeva

我们如何在TypeScript中实现这个？ - SMash