首页 > > 网页制作 > css >

iframe的使用

2018-06-24 02:02:38来源：未知阅读 ()

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'));

};

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有