如何动态地将脚本和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/