框架的使用介紹

所謂框架便是網頁畫面分成幾個框窗,同時取得多個 URL。只需要 <FRAMESET> <FRAME> 即可,面所有框架標記需要放在一個總起的 html 檔,這個檔案只記錄了該框架如何分割 ,不會顯示任何資料,所以不必放入 <BODY> 標記,瀏覽這框架必須讀取這檔案 面不是其他框窗的檔案。<FRAMESET> 是用來劃分框窗,每一窗框由一個 <FRAME> 標 記所標示,<FRAME>必須在 <FRAMESET> 範圍中使用。如下例:

<frameset cols="50%,*"> <frame name="hello" src="left.html"> <frame name="hi" src="right.html">
   </frameset>

其中,cols是將框架縱向劃分的,rows是將框架橫向劃分的。*號代表餘下的部分。這個代表將頁面分成左右兩個部分,左邊顯示left.html,右邊顯示right.html.這也就說明了<FRAME> 標記所標示的框窗永遠是按由上而下、由左至右的次序。這個當初劃分的次序是一樣的!

 

1.框架集的基本參數:

frameborder="" :設定框架的邊框,其值只有 0 1 0 表示不要邊框, 1 表示要顯示邊框。

border="" :設定框架的邊框厚度,以 pixels 爲單位。 

bordercolor="顏色值" :設定框架的邊框顏色。顏色值爲六位的十六進制數,也可以是英語單詞。  

framespacing="" :表示框架與框架間保留的空白的距離。

 

2.框架集是由多個框架(frame)來組成的,frame的參數有:

SRC="包含的頁面路徑":設定此框窗中要顯示的網頁檔案名稱,每個框窗一定要對應一個網頁檔案。 

NAME="名稱":設定這個框窗的名稱,這樣才能指定框架來作鏈接,必須但任意命名。  

frameborder=值:設定框架的邊框,其值只有 0 1 0 表示不要邊框, 1 表示要邊框。  

framespacing="":表示框架與框架間的保留的空白的距離。 

bordercolor="顏色值":設定框架的邊框顏色。  

scrolling=" ":設定是否要顯示卷軸,YES 表示要顯示卷軸,NO 表示無論如何都不要顯示卷軸,AUTO 視情況而定。  

Noresize:設定不讓使用者可以改變這個框框的大小,如沒有設定此參數,使用者可隨意地拉動框架改變其 大小。  

marginhight=:表示框架高度部分邊緣所保留的空間。 

marginwidth=:表示框架寬度部分邊緣所保留的空間。

 

我們在使用框架的時候往往需要配合框架裏面的頁面來一起使用,如用它來實現現在常見的頁面導航效果,這個時候需要在有超鏈接的頁面上指定超鏈接的target屬性,這個target 屬性的值就是框架的名稱。這樣就能實現同一個頁面的導航效果了!

 

框架雖然使用方便,但是還是有一些不足的,最典型的應該算是框架的高度不能隨內容的增加減少而自動變化,如果需要做到這樣的效果,一般的作法是爲其添加js腳本。這裏以iframe爲例:

<div style="float: left; width: 82%;">

<iframe width="100%" frameborder="0" scrolling-x="none" name="frame1" id="frame1"

              height="300" src=""></iframe>//框架代碼

</div>   

 

  function ResetHeight() {

      parent.document.all("right").height = parseInt(document.body.scrollHeight) + 10;

   }

 說明:right是指框架的名稱

<body onLoad="ResetHeight()">//網頁加載自動調用函數

這樣就可以做到框架根據內容來做一個相應的高度自動適應了!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章