動態調整iframe頁面的大小

今天遇到了乙個問題，在父頁面內有乙個iframe能自動根據載入頁面的大小而動態調整頁面大小。特此記錄下解決方法：

父頁面main.html內js**：

/*動態調整iframe的大小*/

function changeiframesize(iframecontentheight)
/*iframe頁面載入處理函式*/
function iframeonload()

var height=($.browser.msie||$.browser.opera)? document.body.scrollheight:document.body.offsetheight;/*判斷瀏覽器型別*/

parent.changeiframesize(height);/*呼叫父頁面內的js函式，調整iframe的大小*/

1.iframeonload主要用於當載入頁面剛載入完成後，則響應iframe的onload事件；

2.changeiframesize用於實際調整iframe的大小。iframe的onload的事件只有當該頁面第一次載入時候才觸發，而如果我們希望在頁面載入以後，iframe仍然能根據載入頁面的大小變化而動態調整，則是在載入頁面中手動呼叫父頁面內的changeiframesize函式。

上述**需要注意的地方如下：

1.$.browser.msie||$.browser.opera，用於判斷瀏覽器的型別，這主要是不同瀏覽器對頁面的實際尺寸理解不一致造成。我這裡是利用jquery來判斷瀏覽器型別，因而還需要載入jquery.js檔案；

2.注意表示iframe內的載入頁面在ie中無論是父頁面還是載入頁面都是呼叫document的；而在firefox中則不一樣，在父親中則是呼叫contentdocument,而在載入頁面中則是用document,具體請參見上述兩處瀏覽器型別判斷**即可。

iframe頁面的 內嵌框架

iframe 在實際專案中是非常常見的 作用 在當前頁面中 可以通過 iframe 來檢視另乙個頁面 操作 1.通過iframe的src 指定的頁面.html 顯示指定頁面內容 2.通過超連結 操作 iframe iframe必須設定name iframe名字 a標籤 包含iframe的頁面可以叫 ...

根據webform頁面大小的變化動態調整控制項的大小

在 asp.net 的開發中，很多時候我們希望 webform 中的控制項能夠隨窗體的變化而自動調整自己的大小，即可以自動適應頁面的大小。我們所要實現的效果就是窗體在最大化和正常大小之間變化時，控制項的大小也能做相應的調整。在網上找不到對應的答案，現在記錄下來。原理分析 webform 窗體大小的變...

根據webform頁面大小的變化動態調整控制項的大小

在 asp.net 的開發中，很多時候我們希望 webform 中的控制項能夠隨窗體的變化而自動調整自己的大小，即可以自動適應頁面的大小。我們所要實現的效果就是窗體在最大化和正常大小之間變化時，控制項的大小也能做相應的調整。在網上找不到對應的答案，現在記錄下來。原理分析 webform 窗體大小的變...