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