html5
不再支援使用frame
,關於frame
與iframe
的區別,可以參閱 iframe與frame的區別。
是允許跨域請求資源的,但是不能夠修改,由此可以在網頁中巢狀其他網頁,如需要跨域通訊的話,需要考慮
document.domain
、window.name
、window.postmessage
。
典型的系統結構,左側是功能樹,上部為個人資訊,右側就是實際功能,使用iframe
將功能單獨分離出來,當然也可以使用vue
和react
進行實現。
可以使用iframe
進行實現非同步請求傳送,來模擬ajax
的請求操作,ajax
的非同步請求完成操作為xhr.readystate === 4
執行callback
,iframe
使用iframe.onload
執行callback
,還可以實現乙個輪詢長連線。
廣告是與原文無關的,假如硬編碼進去,會造成網頁布局的紊亂,而且這樣勢必需要引入額外的css
和js
檔案,極大的降低了網頁的安全性,使用iframe
便可以解決這些問題。
可以使用iframe
提交表單來避免整個頁面的重新整理,還可以實現無重新整理檔案上傳的操作。
可以跨域請求其他**,並將**完整展示出來。
典型系統結構可以提高**的復用性。
建立乙個全新的獨立的宿主環境,可以隔離或者訪問原生介面及物件。
模組分離,若多個頁面引用同乙個iframe
,則便於修改操作。
實現廣告展示的乙個解決方案。
若需要重新整理iframe
則只需要重新整理框架內,不需要重新整理整個頁面。
iframes
阻塞頁面載入,影響網頁載入速度,iframe
載入完畢後才會觸發window.onload
事件,動態設定src
可解決這個問題。
載入了新頁面,增加了css
與js
檔案的請求,即額外增加了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來巢狀,可以增加 的可重用。如果遇到載入緩慢的第三方內容如...