iframe框架及優缺點

2022-01-10 13:34:53 字數 1551 閱讀 6722

html5不再支援使用frame,關於frameiframe的區別,可以參閱 iframe與frame的區別。

是允許跨域請求資源的,但是不能夠修改,由此可以在網頁中巢狀其他網頁,如需要跨域通訊的話,需要考慮document.domainwindow.namewindow.postmessage

典型的系統結構,左側是功能樹,上部為個人資訊,右側就是實際功能,使用iframe將功能單獨分離出來,當然也可以使用vuereact進行實現。

可以使用iframe進行實現非同步請求傳送,來模擬ajax的請求操作,ajax的非同步請求完成操作為xhr.readystate === 4執行callbackiframe使用iframe.onload執行callback,還可以實現乙個輪詢長連線。

廣告是與原文無關的,假如硬編碼進去,會造成網頁布局的紊亂,而且這樣勢必需要引入額外的cssjs檔案,極大的降低了網頁的安全性,使用iframe便可以解決這些問題。

可以使用iframe提交表單來避免整個頁面的重新整理,還可以實現無重新整理檔案上傳的操作。

可以跨域請求其他**,並將**完整展示出來。

典型系統結構可以提高**的復用性。

建立乙個全新的獨立的宿主環境,可以隔離或者訪問原生介面及物件。

模組分離,若多個頁面引用同乙個iframe,則便於修改操作。

實現廣告展示的乙個解決方案。

若需要重新整理iframe則只需要重新整理框架內,不需要重新整理整個頁面。

iframes阻塞頁面載入,影響網頁載入速度,iframe載入完畢後才會觸發window.onload事件,動態設定src可解決這個問題。

載入了新頁面,增加了cssjs檔案的請求,即額外增加了http請求,增加了伺服器負擔。

有時iframe由於頁面擠占空間的原因出現滾動條,造成布局混亂。

不利於seo,搜尋引擎的爬蟲無法解讀iframe的頁面。

有些小型的移動裝置如手機等無法完全顯示框架,相容性較差。

iframe與主頁面是共享鏈結池的,若iframe載入時用光了鏈結池,則會造成主頁面載入阻塞。

iframe的優缺點

優點 1.能夠原封不動的把嵌入的網頁展現出來 2.如果多個頁面引用同乙個iframe,只需要修改iframe的內容就可以實現呼叫頁面每個iframe的修改 3.網頁如果為了統一風格,頭部和版本都是一樣的,就可以寫成乙個頁面,用iframe來巢狀,可以增加 的可重用 缺點 1.iframe載入會阻塞o...

iframe的優缺點

iframe的優點 1.iframe能夠原封不動的把嵌入的網頁展現出來。2.如果有多個網頁引用iframe,那麼只需要修改iframe的內容,就可以實現呼叫每乙個頁面的更改,方便快捷。3.網頁如果為了統一風格,頭部和版本都是一樣的,就可以寫成乙個頁面,用iframe巢狀,可以增加 的可重用。4.如果...

iframe有那些優缺點?

iframe能夠原封不動的把嵌入的網頁展現出來。如果有多個網頁引用iframe,那麼你只需要修改iframe的內容,就可以實現呼叫的每乙個頁面內容的更改,方便快捷。網頁如果為了統一風格,頭部和版本都是一樣的,就可以寫成乙個頁面,用iframe來巢狀,可以增加 的可重用。如果遇到載入緩慢的第三方內容如...