以下便是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;
}
}
}
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!