html中顯示多視窗頁面

來源:互聯網
上載者:User

一.為什麼要使用多視窗??

使用Frames結構設計的HTML檔案,能夠將整個視窗分成幾個獨立的小視窗,每一個視窗可分別載入不同的檔案,令人高興的是,每個視窗是可以相互溝通的

二.多視窗

(1).基本結構

<frameset>
   <frame src="url">
   <frame src="url">
   ...
</frameset>

(2).各視窗尺寸的設定

我們將視窗分割為幾塊,橫向分用ROWS屬性,縱向分用COLS屬性,每一塊的大小可以由這兩個屬性的值來實現。

  <frameset cols=#>  例:<frameset cols="100,200,300">
  <frameset rows=#>  例:<frameset rows="10%,20%,70%">

  #的值為一對用引號括起來的字串,字串中的數字表示每個分視窗所佔的尺寸,數字中間用逗號隔開,有幾個數字就表示分出了幾個視窗。當然,這其中的任何一個數字也可以由“*”來代替,這樣表示由瀏覽器自動化佈建其大小

(3).排列視窗

縱向排列多個視窗:
********************************

<frameset cols=30%,20%,50%>
  <frame src="frame/A.html">
  <frame src="frame/B.html">
  <frame src="frame/C.html">
</frameset>

橫向排列多個視窗:
********************************

<frameset rows=25%,25%,50%>
  <frame src="frame/A.html">
  <frame src="frame/B.html">
  <frame src="frame/C.html">
</frameset>

縱橫排列多個視窗:
********************************

<frameset cols=20%,*>
  <frame src="frame/A.html">
  <frameset rows=40%,*>
    <frame src="frame/B.html">
    <frame src="frame/C.html">
  </frameset>
</frameset>

(4).各個視窗之間的合作

Frames分出來的幾個視窗的內容並不是靜止不變的,往往一個視窗的內容隨著另一個視窗的要求而不斷變化,這就提高了Frames的利用價值。為了完成各視窗之間的相互操作,我們必須為每一個視窗起一個名字,這個名字用屬性Name來定義。

  視窗標識(Frame Name)

  <frame src=url name=“視窗名”>  例如: <frame src="frame/a.html" name=“left”>

  定義了視窗名稱,還應該有Target來配合使用,Target屬性指定了所連結的檔案出現在哪一視窗。Target的值可以是name定義的名稱,也可以是以下四類值:

  <a href=url target=_blank>   顯示一個新視窗
  <a href=url target=_self>    顯示在同一個視窗
  <a href=url target=_parent>   顯示在Frameset的前一份檔案的視窗
  <a href=url target=_top>    顯示在整個瀏覽器視窗

(5).其它屬性

<frame frameborder=#> #=yes, no

各視窗邊框的設定,yes表示有邊框,no表示沒有邊框

<frame marginwidth=# marginheight=#>
 #的值為像素點

設定各視窗的上下左右邊界寬度,如果不設定,由瀏覽器自動決定。

<frame scrolling=#> #=yes, no, auto

捲軸設定,yes 表示有,no表示沒有,auto表示由瀏覽器自動化佈建,#=預設值是 auto

<frame noresize>

noresize屬性來設定不可變動的框邊

 

 

 

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.