2012年12月26日 星期三

[HTML] How to control iframe height


[HTML] How to control iframe height



I use iframe skill in every page.

So How can I control every iframe height.



function height()

{

    if (navigator.userAgent.indexOf("MSIE") != -1)

    {

      parent.document.getElementById("abc").height = document.getElementsByTagName('body')[0].clientHeight;

    }

    else if (navigator.userAgent.indexOf("Chrome") != -1 )

    {

      parent.document.getElementById("abc").height = document.body.clientHeight;

    }

    else if (navigator.userAgent.indexOf("Firefox") != -1)

    {

      parent.document.getElementById("abc").height = document.body.clientHeight;

    }

    else if (navigator.userAgent.indexOf("Safari") != -1 )

    {

      parent.document.getElementById("abc").height = document.body.clientHeight;

    }

}




Put the height() in every iframe page like below



<body onload="height();">





 



Reference :




  1. Iframe自适应高度 IE6、7、8、firefox、chrome下测试通过


Related Posts:

0 意見:

張貼留言