基本使用

• src：規定在iframe中顯示的文檔的URL
• frameborder：規定是否顯示框架周圍的邊框
• scrolling：規定是否在iframe中顯示滾動條
• width：規定iframe的寬度，建議使用CSS替代
• height：規定iframe的高度，建議使用CSS替代
• sandbox：啟用一系列對iframe中內容的額外限制
• marginwidth：定義iframe的左側和右側的邊距
• marginheight：定義iframe的頂部和底部的邊距
• srcdoc：規定在iframe中顯示的頁面的HTML內容
• align：規定如何根據周圍的元素來對齊此框架，建議使用樣式替代

優點

可以跨域請求其他網站，并將網站完整展示出來。

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

模塊分離，若多個頁面引用同一個iframe，則便于修改操作。

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

若需要刷新iframe則只需要刷新框架內，不需要刷新整個頁面。

缺點

iframe阻塞頁面加載，影響網頁加載速度，iframe加載完畢后才會觸發window.onload事件，動態設置src可解決這個問題。

加載了新頁面，額外增加了HTTP請求，增加了服務器負擔。

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

不利于SEO，搜索引擎的爬蟲無法解讀iframe的頁面。

有些小型的移動設備如手機等無法完全顯示框架，兼容性較差。

總結

以上是生活随笔為你收集整理的HTML---iframe框架及优缺点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。