iframe页面切换、高度自适应

以下便是iframe页面切换、高度自适应的方法,大家可以参考下下面的代码,其实也很简单,看一下就可以。 HTML/ASPX:  <div class="personal_switch_tit mb15">        <ul>     ...

以下便是iframe页面切换、高度自适应的方法,大家可以参考下下面的代码,其实也很简单,看一下就可以。

HTML/ASPX:

 <div class="personal_switch_tit mb15">
        <ul>
            <li><a href="a.aspx" target="mainFrame" class="mo13">A</a></li>
            <li><a href="b.aspx" target="mainFrame" >B</a></li>
            <li><a href="c.aspx" target="mainFrame">C </a></li>
            <li><a href="d.aspx" target="mainFrame">D </a></li>
            <li><a href="e.aspx" target="mainFrame">E</a></li>
        </ul>
    </div>
 
    <iframe id="mainFrame" name="mainFrame" src="A.aspx" scrolling="no" frameborder="0" height="100%" width="100%" οnlοad='IFrameReSize("mainFrame");'></iframe>


JS:

//iframe高度自适应
function IFrameReSize(iframename) {
    var pTar = document.getElementById(iframename);
    if (pTar) {  //ff
        if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
            pTar.height = pTar.contentDocument.body.offsetHeight;
        } //ie
        else if (pTar.Document && pTar.Document.body.scrollHeight) {
            pTar.height = pTar.Document.body.scrollHeight;
        }
    }
}

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
王凯
王凯

92 篇文章

作家榜 »

  1. admin 651 文章
  2. 粪斗 185 文章
  3. 王凯 92 文章
  4. 廖雪 78 文章
  5. 牟雪峰 12 文章
  6. 李沁雪 9 文章
  7. 全易 2 文章
  8. bngvitmrbj 0 文章