close

iframe Auto resize
你可曾有過這樣的煩惱
想用iframe,卻又遇到了內容不一,要調整的麻煩?

以下提供一個簡易的自動縮放方法,經過測試在Firefox 跟IE 底下可正常運作
把下面的程式放到<head> 跟</head> 中間

<script language="javascript">
function autoResize()
{
   try
 { 
   document.all["Main"].style.height=500;
   document.all["Main"].style.height=Main.document.body.scrollHeight;
 }
  catch(e){}
}
</script>

在插入到你想放置iframe的地方,就大功告成了

<iframe name="Main" src="0.htm" width="100%" height="500" scrolling="auto" frameborder="0" STYLE="height:500;" onload="autoResize()"></iframe>

 備註:兩邊的名稱要一樣喔,修改src變成想要的起始網頁,


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 programmer 的頭像
    programmer

    Programmer

    programmer 發表在 痞客邦 留言(0) 人氣()