首页 > 其他 > 详细

iframe的使用

时间:2017-11-28 00:58:28      阅读:206      评论:0      收藏:0      [点我收藏+]

1.父页面调用子页面的元素

$(‘a‘).contents().find("b")

 (a代表iframe的id或者class,b代表子页面) 

 
2.子页面调用父页面的元素
$(window.parent.document).contents().find("c")
(c代表父页面的任意元素id或者class) 
 
3.iframe高度自适应
<iframe src="" allowtransparency="true"  id=‘ifm‘ style="background-color: transparent" frameborder="0"  scrolling="no"></iframe>

 

jQuery方法
$(‘#ifm‘).load(function(){

  $(this).height( $(this).contents().find("body").height());//body也可以是iframe子页面的任何元素

});

 

js方法
function setIframeHeight(iframe) {

  if (iframe) {

    var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;

    if (iframeWin.document.body) {

     iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;

   };

 };

};

window.onload = function() {

 setIframeHeight(document.getElementById(‘ifm‘));

};

 

 

 

 

 

iframe的使用

原文:http://www.cnblogs.com/ttjm/p/7906581.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!