第一篇博客：HTML：iframe簡(jiǎn)要介紹

10年積累的網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先制作網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有綠春免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

前端

我們?cè)趯?xiě)網(wǎng)頁(yè)的時(shí)間，有許多重復(fù)的界面，樣式和設(shè)計(jì)都一模一樣，為了避免代碼冗余，我們通常把那些界面重復(fù)的寫(xiě)一個(gè)網(wǎng)頁(yè)，然后在需要的網(wǎng)頁(yè)進(jìn)行引用那些重復(fù)的界面，這時(shí)就需用到iframe。

1、iframe 定義和用法 ：

1.iframe一般用來(lái)包含別的頁(yè)面，例如我們可以在我們自己的網(wǎng)站頁(yè)面加載別人網(wǎng)站的內(nèi)容，被稱(chēng)為嵌入式框架
2.iframe 元素會(huì)創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）。

2.如何使用：

3.常用的一些屬性：

4.常用的一些方法

1.獲取iframe

var iframe = document.getElementById("iframe1");

2.獲取iframe的window對(duì)象

通過(guò)iframe.contentWindow
var iwindow = iframe.contentWindow

通過(guò)window.frame[‘name’] 通過(guò)這種方法可以獲取window對(duì)象
var iwindow = window.frames['name']

3.獲取iframe的document對(duì)象

通過(guò)iframe.contentDocument 獲取iframe的document對(duì)象
var idocument = iframe.contentDocument

4.在iframe中獲取父級(jí)內(nèi)容

獲取上一級(jí)的window對(duì)象

window.parent

獲取最頂級(jí)容器的window對(duì)象

window.top

返回自身window對(duì)象

window.self

5.iframe的優(yōu)缺點(diǎn)：

優(yōu)點(diǎn)：
a. 解決加載緩慢的第三方內(nèi)容如圖標(biāo)和廣告等的加載問(wèn)題
b. iframe無(wú)刷新文件上傳
c. iframe跨域通信
缺點(diǎn)：
d. iframe會(huì)阻塞主頁(yè)面的Onload事件
e. 無(wú)法被一些搜索引擎索引到
f. 頁(yè)面會(huì)增加服務(wù)器的http請(qǐng)求
g.會(huì)產(chǎn)生很多頁(yè)面，不容易管理

（注：本人是個(gè)剛剛?cè)腴T(mén)的小白，有很多不足的地方。請(qǐng)各位程序大佬指導(dǎo)。）