iframe

时间:2015-06-25 03:05:19

标签: javascript jquery css iframe

我在产品升级到最新版本后解决了问题。 html已更改,因此现在可以看到iframe内部和应该隐藏的对象。

我没有进行自定义以在iframe中显示产品,我真的不明白它是如何工作的但我被告知我应该查看这个文件iframeloader.aspx,特别是名为function hideTitle()的函数< / p>

我无权访问iframe的主应用程序。我可以编辑iframeloader.aspx。我更新了原始的hideTitle函数,看起来像

  function hideTitle() {         

      var ele = $('#contentFrame');
      ele.load(function() {
console.log("test")
      var menubar = $('#header');
          if (menubar) {
console.log("test2")    
console.log(document.getElementById("header").style.display);
console.log(menubar.html())
              menubar.css("display", "none");
          }
      });
  }
在控制台中我可以看到这个

test - iframel...strator (line 700)
test2 - iframel...strator (line 704)
TypeError: document.getElementById(...) is null
在firebug中我可以看到html <div id="header">

当页面加载时,我可以看到我要隐藏的对象出现,然后是来自console.log()的消息

任何想法

  • 我如何隐藏#header对象和
  • 为什么jQuery和javascript找不到该对象?

1 个答案:

答案 0 :(得分:2)

隐藏它:$('#header').hide()

iframe中的内容很难到达,因为它变成了一个新窗口,用它来修改它:

$('some selector', frames['nameOfMyIframe'].document).doStuff();