Javascript 如何将脚本和css规则动态应用于iframe?

Javascript 如何将脚本和css规则动态应用于iframe?,javascript,jquery,html,dom,iframe,Javascript,Jquery,Html,Dom,Iframe,我有一个iframe,可以动态设置其源。在检索要在此iframe中显示的内容时,我需要能够对其DOM进行一些修改,应用一些CSS规则,然后显示它 我尝试了两种方法(假设iframe的id是content) $(“内容”).attr(“src”,urlToFetch); $(“#content”).load(function(){doSomething();}) $(“内容”).attr(“src”,urlToFetch); $(“#content”).ready(function(){doSom

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

我尝试了两种方法(假设iframe的id是content)

  • $(“内容”).attr(“src”,urlToFetch); $(“#content”).load(function(){doSomething();})

  • $(“内容”).attr(“src”,urlToFetch); $(“#content”).ready(function(){doSomething();})

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


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

    你可以尝试使用jQuery frameReady插件


    您可以尝试使用jQuery frameReady插件