我有一个非常简单的代码。我想隐藏一些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>
你可以试试这个:
$('#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();
});
如果你想与不同领域的合作这种方法是不可能的。
该document
侧重于当前文档,而不是<iframe>
。你需要去通过其content
s并找到隐藏在他们面前的元素。
$('iframe').load(function() {
$('iframe').contents().find('#leftpanel,#toppanel').hide();
});
我通过创建一个隐藏的表单数据发布到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();
}
因为你必须在脚本中,您应该删除这个符号“<”在过去的这个脚本的问题
<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>