-
Frame簡介
- 框架頁(Frameset)目前使用的越來越少,多會建議使用CSS來實作畫面切割排列。不過<iframe>在影音網站還是很常見。
-
<frameset cols="value1,value2" rows="value3,value4">
<frame name="1" src="1.html" scrolling="yes|no" /> // value1
<frame name="2" src="2.html" scrolling="yes|no" /> // value2
<frame name="3" src="3.html" scrolling="yes|no" /> // value3
<frame name="4" src="4.html" scrolling="yes|no" /> // value4
</frameset>
-
cols屬性
- 定義左右分割frame尺寸
-
rows屬性
- 定義上下分割frame尺寸
-
以前面為例,先切左右,畫面從中間左右分割為兩塊(cols兩個value),再切上下,
再從中間橫切上下兩塊(rows兩個value),所以畫面會被切成四塊,分別載入不同HTML文件
-
frameset
- value1,載入1.html
- value2,載入2.html
- value3,載入3.html
- value4,載入4.html
-
<frame>
-
src屬性
- 要顯示的HTML文件
-
name屬性
- frame名稱
-
scrolling屬性
- 是否有捲動軸,yes有
-
frames集合架構
-
window
- frames[0]
name=1
- frames[1]
name=2
- frames[2]
name=3
- frames[3]
name=4
-
屬性
-
self
- 傳回目前的window物件,相當於window屬性
-
parent
- 傳回目前frame的上一層物件(父物件)
- parent.frames[0],由後往前看,找frames[0]的上一層物件
- parent.1.localtion.href = "1.html";
使用name來取得window物件,然後就可以進一步設定window物件屬性
-
top
- 如果是巢狀frame,top就是最上層的window物件,也因為巢狀frame,top不一定等於prent屬性
-
巢狀frame
- 第一層frameset的frame可以擁有第二層的frameset
- window和self屬性是指第二層frameset中目前<frame>
- parent屬性是指第二層<frameset>,下一層是self屬性的frame
- top屬性是最上層第一層<frameset>,下一層是parent屬性的第二層frameset
-
Frameset
-
cols屬性
- 定義左右分割frame尺寸
-
rows屬性
- 定義上下分割frame尺寸
-
Frame
-
name/id
- frame名稱
-
frameBorder
- 是否顯示frame邊框
-
src
- 載入的HTML文件
-
scrolling
- 是否擁有捲動軸
-
noResize
- 是否可以調整frame的尺寸
-
marginHeight
- 存取frame邊界的高
-
marginWidth
- 存取frame邊界的寬
-
iframe
- <iframe name="" src="" height="" width="" align=""></iframe>
-
屬性
-
name/id
- 名稱
-
src
- 顯示圖檔、HTML文件、URL網址
-
height
- 高
-
width
- 寬
-
align
- Iframe與網頁其他文字對齊方式
- document.getElementById("If1").src="Video.htm";