从父母控制内部iframe

时间:2011-07-18 14:16:22

标签: javascript html iframe

根据这个答案:

Invoking JavaScript code in an iframe from the parent page

我有一个iframe,用于加载包含ID为flash_container

的div的网页
<iframe src="http://www.remote.com/a.html" id="iframeID">

我将此代码放在我的父页面(加载iframe的页面)上,但它似乎不起作用:

document.getElementById('iframeID').contentWindow.targetFunction();
function targetFunction() {
    var el = document.getElementById('flash_container');
    el.style.zoom = 0.7;
    el.style.MozTransform = 'scale(0.7)';
    el.style.WebkitTransform = 'scale(0.7)';
}

我要做的是从父页面缩小iframe内的内页。

2 个答案:

答案 0 :(得分:2)

不可能肯定地说出了什么是错的,但我有一些你可能想要研究的想法。

  1. 确保已加载iframe。尝试在未完成加载的框架内执行某些操作将无法正常工作
  2. 您确定没有跨域问题吗?您无法操纵跨域iframe的内容。

答案 1 :(得分:0)

实际上,如果双方(您的页面和iframe中的页面)同意共享信息,您可以使用消息传递。见https://stackoverflow.com/a/7938270/1571709