首頁(yè)技術(shù)文章正文

iframe的優(yōu)缺點(diǎn)有哪些?

更新時(shí)間:2021-05-04 來(lái)源:黑馬程序員 瀏覽量:

1577370495235_學(xué)IT就到黑馬程序員.gif

iframe的優(yōu)點(diǎn):

1、iframe能夠原封不動(dòng)的把嵌入的網(wǎng)頁(yè)展現(xiàn)出來(lái);

2、如果有多個(gè)網(wǎng)頁(yè)引用iframe,那么只需要修改iframe的內(nèi)容,就可以實(shí)現(xiàn)調(diào)用每一個(gè)頁(yè)面的更改,方便快捷;

3、網(wǎng)頁(yè)如果為了統(tǒng)一風(fēng)格,頭部和版本都是一樣的,就可以寫成一個(gè)頁(yè)面,用iframe嵌套,可以增加代碼的可重用;

4、如果遇到加載緩慢的第三方內(nèi)容,如圖標(biāo)或廣告,這些問(wèn)題可以由iframe來(lái)解決;

5、iframe會(huì)堵塞主頁(yè)面的Onload事件;

6、iframe和主頁(yè)面共享連接池,而瀏覽器對(duì)相同域的連接有限制,所以會(huì)影響頁(yè)面的并行加載。

iframe的缺點(diǎn):

1、iframe會(huì)阻塞主頁(yè)面的Onload事件;

2、iframe和主頁(yè)面共享鏈接池,而瀏覽器對(duì)相同城的鏈接有限制,所以會(huì)影響頁(yè)面的并行加載;

3、使用iframe之前需要考慮這兩個(gè)缺點(diǎn),如果需要使用iframe,最好是通過(guò)JavaScript;

4、動(dòng)態(tài)給iframe添加src屬性值,這樣可以可以繞開以上兩個(gè)問(wèn)題

5、不利于seo

6、代碼復(fù)雜,無(wú)法一下被搜索引擎索引到

7、iframe框架頁(yè)面會(huì)增加服務(wù)器的http請(qǐng)求,對(duì)于大型網(wǎng)站不可取。

8、很多的移動(dòng)設(shè)備無(wú)法完全顯示框架,設(shè)備兼容性差。



猜你喜歡:

CSS3顏色不透明度的設(shè)置方法

前端BFC是什么?

圖像標(biāo)簽基本特點(diǎn)和相關(guān)屬性

arc()方法繪制圓或弧線操作步驟

黑馬程序員web前端培訓(xùn)課程

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!