第一篇博客：HTML：iframe簡要介紹 前端 我們在寫網頁的時間，有許多重覆的界面，樣式和設計都一模一樣，為了避免代碼冗餘，我們通常把那些界面重覆的寫一個網頁，然後在需要的網頁進行引用那些重覆的界面，這時就需用到iframe。 1、iframe 定義和用法 ： 1.iframe一般用來包含別的頁 ...
第一篇博客：HTML：iframe簡要介紹
前端
我們在寫網頁的時間，有許多重覆的界面，樣式和設計都一模一樣，為了避免代碼冗餘，我們通常把那些界面重覆的寫一個網頁，然後在需要的網頁進行引用那些重覆的界面，這時就需用到iframe。1、iframe 定義和用法 ：
1.iframe一般用來包含別的頁面，例如我們可以在我們自己的網站頁面載入別人網站的內容，被稱為嵌入式框架
2.iframe 元素會創建包含另外一個文檔的內聯框架（即行內框架）。2.如何使用：
<iframe src="header.html" scrolling="no" frameborder="0" style="width: 100%; height:200px ;" ></iframe>3.常用的一些屬性：
| width | 定義iframe的寬度 |
| height | 定義iframe的高度 |
| name | 規定iframe的名稱 |
| frameborder | 規定是否顯示邊框，0(不顯示) 、1(顯示) |
| src | 設置iframe的地址（頁面/圖片） |
| scrolling | 規定是否在iframe中顯示滾動條，屬性值(yes ，no，auto) |
| vspace | 設置或獲取對象的水平邊距 |
| hspace | 設置或獲取對象的垂直邊距 |
4.常用的一些方法
1.獲取iframe
var iframe = document.getElementById("iframe1");
2.獲取iframe的window對象
通過iframe.contentWindow
var iwindow = iframe.contentWindow
通過window.frame[‘name’] 通過這種方法可以獲取window對象
var iwindow = window.frames['name']
3.獲取iframe的document對象
通過iframe.contentDocument 獲取iframe的document對象
var idocument = iframe.contentDocument
4.在iframe中獲取父級內容
獲取上一級的window對象
window.parent
獲取最頂級容器的window對象
window.top
返回自身window對象
window.self
5.iframe的優缺點：
優點：
a. 解決載入緩慢的第三方內容如圖標和廣告等的載入問題
b. iframe無刷新文件上傳
c. iframe跨域通信
缺點：
d. iframe會阻塞主頁面的Onload事件
e. 無法被一些搜索引擎索引到
f. 頁面會增加伺服器的http請求
g. 會產生很多頁面，不容易管理
（註：本人是個剛剛入門的小白，有很多不足的地方。請各位程式大佬指導。）
