Javascript 从客户端填充IFRAME

Javascript 从客户端填充IFRAME,javascript,jquery,iframe,Javascript,Jquery,Iframe,我知道可以使用JavaScript创建IFRAME 客户端是否也可以指定主体HTML,以及IFRAME上的相关JavaScript以及CSS?我不确定是否正确理解了您的问题 我们可以通过调用 iframeEl.contentWindow.document 然后我们可以控制里面的html,css 请注意同一原产地政策: 我们只能在与主页相同的原点控制iframe 您希望有一个如下所示的页面(摘要): 我想在javascript上事情并不是那么容易。由于安全原因,您无法执行托管在父站点端的javas

我知道可以使用JavaScript创建IFRAME


客户端是否也可以指定主体HTML,以及IFRAME上的相关JavaScript以及CSS?

我不确定是否正确理解了您的问题

我们可以通过调用

iframeEl.contentWindow.document

然后我们可以控制里面的html,css

请注意同一原产地政策:


我们只能在与主页相同的原点控制iframe

您希望有一个如下所示的页面(摘要):

我想在javascript上事情并不是那么容易。由于安全原因,您无法执行托管在父站点端的javascript以影响
iframe
目标。如果目标站点在您的控制之下,那么您可以使用一些跨域通信(您可以看到),但这也不是一项简单的任务

通常,操纵
iframe
内容意味着您的系统功能依赖于另一个系统的功能,而您对此没有任何控制权。您知道,当您这样做时,会对您的系统产生非常严重的依赖性。如果
iframe
内容发生了变化,那么您的代码取决于它我强烈建议您不要走这条路。

希望我能帮忙

<html>
...mypage header...
<iframe src="otherpage.com" class="myclass" />
...mypage footer...
</html>
var frm = frames['frame'].document;
var otherhead = frm.getElementsByTagName("head")[0];
var link = frm.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", "style.css");
otherhead.appendChild(link);