javascript - 如何将脚本和 CSS 规则动态应用到 iframe？

Question

我有一个动态设置源的 iframe。检索要在此 iframe 中显示的内容后，我需要能够对其 DOM 进行一些修改，应用一些 CSS 规则，然后显示它。

我尝试了两件事(假设 iframe 的 id 是内容)

1. $("#content").attr("src", urlToFetch);$("#content").load(function() { doSomething(); });

2. $("#content").attr("src", urlToFetch);$("#content").ready(function() { doSomething(); });

第一个显示页面，然后应用更改并重新呈现它。第二个应用更改，显示更改的页面，但重新呈现到原始页面。

知道如何让它按照我想要的方式运行吗？

Answer 1

您可以尝试使用 jQuery frameReady 插件。

http://code.google.com/p/chamilo/source/browse/main/inc/lib/javascript/jquery.frameready.js?spec=svn.classic.39a2ef8dd8332b3680a10b24c922d8676c991aeb&repo=classic&r=39a2ef8dd8332b3680a10b24c922d8676c991aeb

http://huuah.com/jquery-and-iframe-manipulation/