zoukankan      html  css  js  c++  java
  • Frame & Iframe (框架 & 內建框架)

    Frame & Iframe (框架 & 內建框架)


    小魚 發表



    框架設定和連結

    所謂框架便是網頁畫面分成幾個框窗,同時取得多個URL. 只需要 <FRAMESET> <FRAME> 即可,而所有框架標記需要放在一個總起的html 檔,這個檔案只記錄了該框架如何劃分,不會顯示任何資料,所以不必放入<BODY>標記,瀏覽這框架必須讀取這檔 案而不是其它框窗的檔案. <FRAMESET> 是用以劃分框窗,每一框窗由一個<FRAME>標記所標示,<FRAME>必須在<FRAMESET> 範圍中使用. 如下例:
    <frameset cols="50%,*">
    <frame name="frame1" src="frame1.htm">
    <frame name="frame2" src="frame2.htm">
    </frameset>
    此例中 ,<FRAMESET> 把畫面分成左右兩相等部分,左便是顯示 frame1.htm,右邊則會顯示frame2.htm,,<FRAME> 標記所標示的框窗永遠是按由上而下、由左至右的次序.

    <FRAMESET> <FRAME>

    <FRAMESET> 稱框架標記,用以宣告HTML文件為框架模式,并設定視窗如何分割.
    <FRAME> 則只是設定某一個框窗內的參數屬性.


    <FRAMESET> 參數設定:
    例子:<frameset rows="90,*" frameborder="0" border="0" framespacing="2" bordercolor="#008000">

    COLS="90,*"
    垂直切割畫面(如分左右兩個畫面), 接受整數值、百分數, * 則代表佔用餘下空間. 數值的個數代表分成的視窗數目且以逗號分隔。例如 COLS="30,*,50%" 可以切成三個視窗,第一個視窗是 30 pixels 的寬度, 為一絕對分割,第二個視窗是當分配完第一及第三個視窗後剩下的空間, 第三個視窗則佔整個畫面的50%寬度為一相對分割. 您可自己調整數字.
    ROWS="120,*"
    就是橫向切割,將畫面上下分開,數值設定同上。唯 COLS 與 ROWS 兩參數盡量不要同在一個 標記中,因Netacape偶然不能顯示這類形的框架,盡採用多重分割.
    frameborder="0"
    設定框架的邊框,其值只有0和1, 0 表示不要邊框, 1表示要顯示邊框.
    border="0"
    設定框架的邊框厚度,以pixels為單位.
    bordercolor="#008000"
    設定框架的邊框顏色.
    framespacing="5"
    表示框架與框架間的保留空白的距離.


    <FRAME> 參數設定:
    例子:<frame name="a" src="a.htm" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF">
    SRC="a.html"
    設定此框窗中要顯示的網頁檔案名稱,每個框窗一定要對應著一個網頁檔案。你可使用絕對路徑或相對路徑.NAME="main" 設定這個框窗的名稱,這樣才能指定框架來作連結,必須但任意命名.
    frameborder="0"
    設定框架的邊框,其值只有 0 和 1 , 0 表示不要邊框, 1 表示要顯示邊框.
    framespacing="6"
    表示框架與框架間的保留空白的距離.
    bordercolor="#008000"
    設定框架的邊框顏色.
    scrolling="Auto"
    設定是否要顯示捲軸,YES 表示要顯示捲軸,NO 表示無論如何都不要顯示, AUTO是視情況顯示.
    noresize
    設定不讓使用者可以改變這個框框的大小,亦沒有設定此參數,使用者可以很隨意地拉動框架,改變其大小.
    marginhight="5"
    表示框架高度部份邊緣所保留的空間.
    marginwidth="5"
    表示框架寬度部份邊緣所保留的空間.


    SORRY...NOT FINISH YET

    最後更新日期: 8/23/2002 10:20:14 PM

  • 相关阅读:
    angularJS指令--在各自的控制器里调用不同的函数
    npm install时的一个小问题
    按特定形式生成当前日期的函数
    js判断对象是否是数组的方法
    转正考试的几个考点
    JS 对象转化为数组
    requireJS随笔
    使用bootstrap-select插件,赋初始值
    理解Stream(一)——串行与终止操作
    python requests 库 首次使用
  • 原文地址:https://www.cnblogs.com/footleg/p/960258.html
Copyright © 2011-2022 走看看