jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在jQuery中检索文档的父iframe大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带有iframe的页面,其中包含一个html文档.我需要从那个子文档中访问iframe的id,并且没有运气使用jQuery.基本结构是在我的页面内:
<div id="ContainingDiv">
  <iframe id="ContainingiFrame">
   <html>
     <head></head>
     <body>
     </body>
   </html>
  </iframe>
</div>

在我的javascript方法中,我可以在< body>中找到任何内容.使用jQuery选择器的标签,但无法检索iframe元素以调整其大小.我已经尝试过一些东西,但我确实不是jQuery DOM导航方面的专家,特别是在涉及iframe的情况下(iframe与包含页面位于同一个域中.)有没有办法可以做到这一点?

解决方法

根本不需要jQuery.要获取父级的body对象,可以执行以下操作:
var parentBody = window.parent.document.body

如果它与你运行代码的iframe在同一个域中,那么一旦你有了,你可以在该对象上使用普通的javascript:

window.parent.document.getElementById("ContainingiFrame").style.height = "400px";

或者使用jQuery:

$("#ContainingiFrame",parentBody).height("400");

这是一篇关于在iframe中调整iframe大小的文章,示例代码为:http://www.pither.com/articles/2010/11/12/resize-iframe-from-within

并且,基于它自己的内容调整iframe大小的相关问题/答案:Resizing an iframe based on content

大佬总结

以上是大佬教程为你收集整理的在jQuery中检索文档的父iframe全部内容,希望文章能够帮你解决在jQuery中检索文档的父iframe所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。