javascript - 有没有办法隐藏 IFRAME src 页面中的元素？

Question

我有一个非常简单的代码。我喜欢在我的 IFRAMe 中隐藏一些 DIV。所以我的 index.html 页面看起来像这样，所以整个想法是隐藏 Calendar.aspx 页面的顶部和左侧面板。

知道我的代码有什么问题或者我应该怎么做吗？

<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>

Answer 1

你可以试试这个:

$('#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();
});

如果您想使用不同的域，则无法使用此方法。