从父窗口访问iframe中的DOM附加函数

时间:2014-12-18 15:54:59

标签: javascript jquery dom iframe

这是我的问题:

  1. 在父窗口中打开iframe;
  2. 在iframe(js文件)中加载的函数用于修改位于iframe中的DOM;
  3. 在iframe中使用该功能时效果非常好:

    $(DOMId)。功能();

    我正在努力从父窗口做同样的事但没有成功...... 我总是得到xxx。'功能'不是一个功能。

    我试图直接从加载的脚本中访问函数和变量而没有问题。例如: jQuery的(iframeId)[0] .contentWindow.direcfunction();

    但我无法找到在iframe中调用附加到DOM的函数的方法。 我尝试了很多东西,最新的是:

    var iframeDOM = document.getElementById(iframeId).contentDocument.getElementById(DOMId); jQuery的(iframeDOM)。功能();

    有人可以解决这个问题吗?

2 个答案:

答案 0 :(得分:1)

我终于解决了它。来自A. Wolff的查询是正确的:

document.getElementById("iframe").contentWindow.jQuery("#picker").colpick({...}) 

由于colpick的工作方式,最后一个问题。它阻止我立即开始工作。

谢谢大家的帮助。

答案 1 :(得分:0)

我不确定JQuery(尽管应该很简单),但是如果你尝试以下普通的javascript会发生什么?

document.getElementById('yourIFrameID').contentWindow.yourFunctionInsideYourIFrame();