什麼是視窗分幀？ 視窗分幀就是把一個瀏覽器文檔視窗分隔成多個視窗,每個視窗都可以顯示一個獨立的網頁文件，每個影格(即頁面)都有自己的url。 幀視窗該如何建立？ 幀通常是由 和標記創建的。但在HTML 4中，標記也可以用來在文件中建立「內聯幀」。就JavaScript來說，<iframe>創建的幀與<frameset>和<frame>創建的幀一樣。 <p> 在HTML中用</p> <frameset>（分割窗口標記）來分割窗口，<frameset>在多窗口頁面中的地位就相當於在普通單窗口頁面中的地位，在頁面中用<frameset>……</frameset>標誌頁面主體部分的起止位置。而且，<frameset>標記決定了怎樣劃分窗口，以及每個窗口的位置和大小。其基本語法結構如下： <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <frameset cols=n rows=n frameborder=yes|no border=n bordercolor=#n framespacing=n></frameset> </pre><div class="contentsignin">登入後複製</div></div> </div> <p> cols和rows：是決定頁面如何分割的兩個參數。分割左右視窗用cols，各幀的左右寬度以佔窗口寬度的百分比來表示。比 如：cols="30%,40%,*"表示水平方向分割成三個窗口，各自所佔總寬度的百分比依序為30%，40%和30%。其中"*"表示剩餘部分，也 就是說"*"對應的小窗口寬度為剩餘的寬度。分割上下視窗用rows，同樣採用百分比的設定方法。 </p> <p> <strong>frameborder：</strong>是指定各分視窗是（ye）否（no）要加邊框；如果加過框的話，則用 border參數指定邊框的寬度，bordercolor指定邊框的顏色。 </p> <p> <strong>framespacing：</strong>用來設定各分視窗之間的間隔大小，預設值是0。 </p> <p> 用<frameset>標記把視窗分割好後，各視窗的屬性是用HTML的<frame>標記來定義的，所以<frameset>標記中必須包含<frame>標記，用以定義各分視窗的屬性。其文法如下：</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <frame align=left|center|right|top|bottomv name=framename src＝url noresize scrolling＝yes|on|auto frameborder=yes|no bordercolor＝＃n marginheight=n marginwidth＝n></frame> </pre><div class="contentsignin">登入後複製</div></div> </div> <p> <strong>align：</strong>設定分窗口的位置是靠左（left）、靠右（right）、居中（center）、靠上（top）還是靠底（bottom）。 </p> <p> <strong>name：</strong>用於指定分窗口的名稱，src則用於指定分窗口所對應的HTML頁面位址。 </p> <p> <strong>noresize：</strong>是對使用者來說的，當<frame>標記中包含此參數的時候，使用者就不能用滑鼠調整修改各分視窗的大小。 </p> <p> <strong>scrolling：</strong>設定分視窗是否要捲動條。 scrolling=no時不要滾動條，scrolling＝yes時表示要捲軸，scrolling＝auoto時表示根據實際情況自動設定捲軸。 </p> <p> <strong>frameborder和bordercolor：</strong>是設定分視窗有無邊框和邊框顏色的。但物件只限於用<frame>標記的分窗口。 </p> <p> <strong>marginheight和marginwidth：</strong>分別用來設定分窗口的上下邊緣和左右邊緣的寬度。 </p> <p> 例如：</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <frameset cols="50%,*,25%"> <frame src="http://www.baidu.com" noresize="noresize" /> <frame src="http://www.baidu.com" /> <frame src="http://www.baidu.com" /> </frameset></pre><div class="contentsignin">登入後複製</div></div> </div> <p><strong>JavaScript中幀視窗之間的關係？ <br /> </strong> 一個視窗的任何幀可以透過<span style="color: #800000"><strong>top,frames</strong><span style="color: #000000">和</span><strong>parent</strong></span>屬性來引用其他幀。 </p> <p> 任何視窗或影格中的JavaScript程式碼可以將自己的視窗和影格引用為 window 或 self。 </p> <p> 每個視窗都有frames屬性。這個屬性引用一個Window物件的數組，其中每個元素代表的是這個視窗中包含的幀(如果一個視窗沒有任何幀，那麼frames[]數組就是空的，frames.length為0).這樣，視窗就可以使用frames[0]來引用它的第一個幀,使用frames[1]來引用第二個幀，一次類推。 </p> <p> 每個視窗還包含有一個parent屬性，它引用包含這個視窗的Window物件。這樣，視窗中的第一個幀就可以引用它的兄弟幀，即:</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> parent.frames[1]</pre><div class="contentsignin">登入後複製</div></div> </div> <p>如果一個窗口是頂級窗口，而不是幀，那麼parent屬性引用的就是這個窗口本身： </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> parent==self;</pre><div class="contentsignin">登入後複製</div></div> </div> <p>如果一個幀包含在另一個幀中，而後者又包含在頂級視窗中，那麼該幀就可以使用parent.parent來引用頂級視窗。 </p> <p><span style="color: #800000"><strong>注意事項：<br> </strong></span>分幀不能和body標籤及內容體共存</p> <p>分幀不利於搜尋引擎優化，正常前台頁面不建議使用分幀。 </p> <p>以上就是本文的全部內容，希望對大家學習javascript程式設計有所幫助。 </p> </frameset> </frameset> </frameset> </frameset>
