从父页面调用iframe中的JavaScript代码

Question

从父页面调用iframe中的JavaScript代码基本上，我有一个iframe嵌入到页面中，而iframe有一些JavaScript我需要从父页面调用的例程。相反的情况很简单，因为您只需要调用parent.functionName()但不幸的是，我需要的正好相反。请注意，我的问题不是更改源。URL.的.iframe中定义的函数。iframe.

Answer 1

假设您的iframe的id是“Target tFrame”，并且要调用的函数是targetFunction():

document.getElementById('targetFrame').contentWindow.targetFunction();

您还可以使用window.frames而不是document.getElementById.

// this option does not work in most of latest versions of chrome and Firefoxwindow.frames[0].frameElement.contentWindow.targetFunction();

Answer 2

调用父JS函数iframe中加载的父页和父页都是可能的。iframe来自同一个域，即abc com，并且都使用相同的协议，即两者都在http://或https://.

在下面提到的情况下，这一呼吁将失败：

1. 父页面和iframe页面来自不同的域。

   
   

2. 他们使用不同的协议，一种是在http：/上，另一种是在https://.上

   
   

任何解决这个限制的方法都是非常不安全的。

例如，想象一下我注册了域名Superwinning竞争力网站，并发送到人们电子邮件的链接。当他们加载主页面时，我可以隐藏一些iframe在那里阅读他们的facebook提要，查看最近的Amazon或PayPal交易，或者-如果他们使用的服务没有实现足够的安全性-从他们的账户中转移资金。这就是为什么JavaScript仅限于相同的域和相同的协议。