1. 程式人生 > >frameset框架集

frameset框架集

esp 技術分享 ron nbsp 單獨使用 禁止 logs 垂直 spa

frame使用註意事項:

  1、frame不能脫離frameset單獨使用

  2、frame不能放在body標簽中,不然不起效果。

  3、frame的高度只能由frameset來決定。

frameset:是框架集;裏面只能存在frame,其它內容不能存在。

  frameset/frame常用屬性:

  1、cols="90%,*":

    垂直切割頁面(左右切割),值可以是整數(像素)、百分比和*。*代表占用剩余的空間。值的個數代表被切割成多少個頁面。例如:cols="10%,80%,*";表示被分成3個頁面,第一個的寬度是10%,第二個是80%,第三個是10%;

  2、rows="90%,*":

    橫向切割頁面。其用法跟cols一致。就是切割的方向不同;

  3、frameborder="0";

    設定框架的邊框,其值只有0和1,0表示不要邊框,1表示顯示邊框

  4、border="20px":

    設定框架的邊框寬度。

  5、bordercolor="#000":

    設定邊框的顏色。

  6、framespacing="5":

    被切割成多個頁面時,此屬性表示頁面與頁面之間的空隙大小。

  7、noresize="noresize":(一般加在frame上)

    表示禁止隨意改變框架的大小;默認是可以改變的

  8、name="...":(一般加在frame上)

    主要是用來區分框架,以便在後期對各個框架進行操作;

如何多個frame之間的頁面切換

  需求:將頁面切成三塊,點擊A頁面任意導航後在C頁面中顯示相應的頁面。如圖:

技術分享

主框架頁面源代碼:

<frameset cols ="12%,88%" frameborder="1" >
    
    //A頁面
    <frame src="#"noresize="noresize"/>
        
        <frameset rows="75px,100%">

            //B頁面
            <frame src="#"
noresize="noresize"/> //C頁面 <frame src="#" name="nametest" noresize="noresize"/> </frameset> </frameset>

A頁面框架源代碼:

1 <nav>
2     <a herf="testA1.html" target="nametest">A頁面導航1</a>
3      <a herf="testA2.html" target="nametest">A頁面導航2</a>
4      <a herf="testA3.html" target="nametest">A頁面導航3</a>
5 </nav>

若需要在哪個框架中顯示內容則在frame標簽上添加 name="nametest" 屬性。然後在需要觸發的標簽上添加 target="nametest" 屬性,此時則可以完成進行跳轉。

若在跳轉後的頁面中存在按鈕時需要觸發一個按鈕去完成跳轉時就可以直接跳轉。

frameset框架集