一個html頁面可以有一個或多個子框架,這些子框架以< iframe>來標記,用來顯示一個獨立的HTML頁面。這里所講的框架的自我控制以及框架之間的互相訪問,例如從一個框架中引用另一個框架中的JAVAScript變量、調用其他框架內的函數、控制另一個框架中表單的行為等。
框架之間的互相引用
一個頁面中的所有框架以集合的形式作為window對象的屬性提供。例如:window.frames就表示該頁面內所有框架的集合,這和表單對象、鏈接對象、圖片對象等是類似的,不同的是,這些集合是document的屬性。因此,要引用一個子框架,可以使用以下語法:
window.frames["framenName"];
window.frames.framenName;
window.frames[index];
IFRAME是html標簽,作用是文檔中的 文檔,或者浮動的框架。Iframe元素會創建包含另一個文檔的內聯框架(即行內框架)
Iframe內聯框架.
Iframe元素會創建包含另外一個文檔的內聯框架(即行內框架)Iframe是屬于內聯框架,它是body的子級,和body是父子關系。iframe作為一個普通元素放在body里
屬性:
width:可設置內聯框架的寬
height :可設置內聯框架的高
name:設置框架名稱
src:設置頁面的路徑
scrolling規定是否在iframe中顯示滾動條(yes,no,auto)
frameborder規定是否顯示框架周圍的邊框(1默認有邊框,0)
它的標準屬性為:
class:規定元素的類名
id:規定元素的特定id
style:規定元素的行內樣式
title:規定元素的額外信息
語言屬性為:
dir:設置元素中內容的文本方向
lang:設置元素中內容的語言代碼
xml:lang:設置XHTML文檔中元素內容的語言代碼
鍵盤屬性為:
accesskey:設置訪問元素的鍵盤快捷鍵
tabindex:設置元素的Tab鍵控制次序
iframe的優缺點分別是什么呢?
優點:
1.iframe能夠把嵌入的網頁原樣展現出來;
2.模塊分離,便于更改,如果有多個網頁引用iframe,只需要修改iframe的內容,就可以實現調用的每一個頁面內容的更改,方便快捷;
3.網頁如果為了統一風格,頭部和版本都是一樣的,就可以寫成一個頁面,用iframe來嵌套,增加代碼的可重用;
4.如果遇到加載緩慢的第三方內容如圖標和廣告,這些問題可以由iframe來解決;
5.重載頁面時不需要重載整個頁面,只需要重載頁面中的一個框架頁;
6.方便制作導航欄。
缺點:
1.樣式和腳本需要額外鏈入,調用外部頁面,需要額外調用css,增加頁面額外的請求次數,增加服務器的http請求;
2.代碼復雜,在 網頁中使用框架結構最大的弊病是搜索引擎的”蜘蛛“程序無法解讀這種頁面,會影響搜索引擎優化,不利于網站排名;
3.框架結構有時會讓人感到迷惑,滾動條除了會擠占有限的頁面空間外會使iframe布局混亂,還會分散訪問者的注意力,影響用戶體驗;
4.鏈接導航疑問。運用框架結構時,必須保證正確配置所有的導航鏈接,否則,會給訪問者帶來很大的麻煩。比如被連接的頁面出現在導航框架內,這種情況下訪問者便被陷住了,因為此時他沒有其他地點可去;
5.產生多個頁面,不易管理;
6.多數小型的移動設備無法完全顯示框架,設備兼容性差。