有没有办法隐藏IFRAME SRC页面元素?

问题描述 投票:1回答:4

我有一个非常简单的代码。我想隐藏一些DIV在我的IFRAME。所以,我的index.html页面看起来像这样,所以整个想法是隐藏的顶部,并从Calendar.aspx页面leftpanel。

任何想法有什么错我的代码或我应该怎么做呢?

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></<script>

<script type="text/javascript">
$( document ).ready(function() {
$("#leftpanel").hide();
$("#toppanel").hide
});
();
</script>
<iframe height="800px" width="800px"  src="https://domain/Calendar/Calendar%20Color%20Overview.aspx" >
</iframe>
javascript jquery html iframe
4个回答
3
投票

你可以试试这个:

$('#iframeID').load(function(){
    $('#iframeID').contents().find('#leftpanel').hide();
    $('#iframeID').contents().find('#toppanel').hide();
});

要么:

$(document).ready(function(){
    $('#iframeID').contents().find('#leftpanel').hide();
    $('#iframeID').contents().find('#toppanel').hide();
});

如果你想与不同领域的合作这种方法是不可能的。


0
投票

document侧重于当前文档,而不是<iframe>。你需要去通过其contents并找到隐藏在他们面前的元素。

$('iframe').load(function() {
    $('iframe').contents().find('#leftpanel,#toppanel').hide();
});

0
投票

我通过创建一个隐藏的表单数据发布到IFRAME SRC然后删除自身实现的onPageLoad此。左与SRC(未知)一个iframe中。

我以前交的将数据发送到URL。需要目标域的完全控制接收请求。没有尝试过代码的GET请求。

//html
<div id='deleteForm'>
<form style='display: none;' class='fakeForm' id='fakeForm' target="target_iframe" action="(iframe url)" method="post">
    //(optional) can send data to iframe src as a post request
    <input type="hidden" name='data' value="data you may want to send"/>
    <input type="submit" style='display: none;'>
</form>
</div>

<iframe id='target_iframe' src=''></iframe>

//js
window.onload = function () {
  var form = document.getElementById("fakeForm");
  form.submit();
  var deleteParent = document.getElementById("deleteForm");
  deleteParent.remove();
}

-2
投票

因为你必须在脚本中,您应该删除这个符号“<”在过去的这个脚本的问题

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></<script>

它应该是这样的

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
© www.soinside.com 2019 - 2024. All rights reserved.