欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

復雜的javascript窗口分幀解析

 更新時間:2016年02月19日 09:29:57   作者:Jolly2015  
這篇文章主要為大家詳細解析了復雜的javascript窗口分幀,什么是窗口分幀,JavaScript中幀窗口之間的關系,感興趣的小伙伴們可以參考一下

什么是窗口分幀?  

    窗口分幀就是把一個瀏覽器文檔窗口分隔成多個窗口,每個窗口都可以顯示一個獨立的網(wǎng)頁文件,每個幀(即頁面)都有自己的url。

幀窗口該如何創(chuàng)建?

  幀通常是由<frameset>和<frame>標記創(chuàng)建的。但在HTML 4中,<iframe>標記也可以用來在文檔中創(chuàng)建“內(nèi)聯(lián)幀”。就JavaScript來說,<iframe>創(chuàng)建的幀與<frameset>和<frame>創(chuàng)建的幀一樣。

  在HTML中用<frameset>(分割窗口標記)來分割窗口,<frameset>在多窗口頁面中的地位就相當 于<body>在普通單窗口頁面中的地位,在頁面中用<frameset>……</frameset>標志頁面主體 部分的起止位置。而且,<frameset>標記決定了怎樣劃分窗口,以及每個窗口的位置和大小。其基本語法結(jié)構如下:

<frameset cols=n rows=n frameborder=yes|no border=n bordercolor=#n framespacing=n></frameset>

  cols和rows:是決定頁面如何分割的兩個參數(shù)。分割左右窗口用cols,各幀的左右寬度用占窗口寬度的百分比來表示。比 如:cols="30%,40%,*"就表示水平方向分割成三個窗口,各自所占總寬度的百分比依次是30%,40%和30%。其中"*"表示剩余部分,也 就是說"*"對應的小窗口寬度為剩余的寬度。分割上下窗口用rows,同樣采用百分比的設定方法。

  frameborder:是指定各分窗口是(ye)否(no)要加邊框;如果加過框的話,則用 border參數(shù)指定邊框的寬度,bordercolor指定邊框的顏色。

  framespacing:用于設定各分窗口之間的間隔大小,默認值是0。

  用<frameset>標記把窗口分割好后,各窗口的屬性是用HTML的<frame>標記來定義的,所以<frameset>標記中必須包含<frame>標記,用以定義各分窗口的屬性。其語法如下:

<frame align=left|center|right|top|bottomv name=framename src=url noresize scrolling=y(tǒng)es|on|auto frameborder=yes|no bordercolor=#n marginheight=n marginwidth=n></frame>

  align:設定分窗口的位置是靠左(left)、靠右(right)、居中(center)、靠上(top)還是靠底(bottom)。

  name:用于指定分窗口的名稱,src則用于指定分窗口所對應的HTML頁面地址。

  noresize:是對用戶來說的,當<frame>標記中包含此參數(shù)的時候,用戶就不能用鼠標調(diào)整修改各分窗口的大小。

  scrolling:設定分窗口是否要滾動條。scrolling=no時不要滾動條,scrolling=y(tǒng)es時表示要滾動條,scrolling=auoto時表示根據(jù)實際情況自動設置滾動條。

  frameborder和bordercolor:是設定分窗口有無邊框和邊框顏色的。但對象只限于用<frame>標記的分窗口。

  marginheight和marginwidth:分別用于設定分窗口的上下邊緣和左右邊緣的寬度。

  例如:

<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>

JavaScript中幀窗口之間的關系?
  一個窗口的任何幀可以通過top,framesparent屬性來引用其他幀。

  任何窗口或幀中的JavaScript代碼可以將自己的窗口和幀引用為 window 或 self。

  每個窗口都有frames屬性。這個屬性引用一個Window對象的數(shù)組,其中每個元素代表的是這個窗口中包含的幀(如果一個窗口沒有任何幀,那么frames[]數(shù)組就是空的,frames.length為0).這樣,窗口就可以使用frames[0]來引用它的第一個幀,使用frames[1]來引用第二個幀,一次類推。

  每個窗口還包含有一個parent屬性,它引用包含這個窗口的Window對象。這樣,窗口中的第一個幀就可以引用它的兄弟幀,即:

 parent.frames[1]

如果一個窗口是頂級窗口,而不是幀,那么parent屬性引用的就是這個窗口本身:  

parent==self;

如果一個幀包含在另一個幀中,而后者又包含在頂級窗口中,那么該幀就可以使用parent.parent來引用頂級窗口。

注意事項:
分幀不能和body標簽及內(nèi)容體共存

分幀不利于搜索引擎優(yōu)化,正常前臺頁面不建議使用分幀。

以上就是本文的全部內(nèi)容,希望對大家學習javascript程序設計有所幫助。

相關文章

  • 微信小程序?qū)崿F(xiàn)彈球游戲

    微信小程序?qū)崿F(xiàn)彈球游戲

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)彈球游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-09-09
  • js換圖片效果可進行定時操作

    js換圖片效果可進行定時操作

    換圖片效果想必大家都有見到過吧,但是定時換圖片,貌似就很少見了,下面本文通過一個示例為大家詳細介紹下
    2014-06-06
  • 微信小程序?qū)崿F(xiàn)小型計算器

    微信小程序?qū)崿F(xiàn)小型計算器

    這篇文章主要為大家詳細
    介紹了微信小程序?qū)崿F(xiàn)小型計算器,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-09-09
  • ionic隱藏tabs的方法

    ionic隱藏tabs的方法

    這篇文章主要為大家詳細介紹了ionic隱藏tabs的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-08-08
  • 利用d3.js制作連線動畫圖與編輯器的方法實例

    利用d3.js制作連線動畫圖與編輯器的方法實例

    這篇文章主要給大家介紹了關于如何利用d3.js制作連線動畫圖與編輯器的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用d3.js具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧
    2019-09-09
  • Bootstrap 模態(tài)對話框只加載一次 remote 數(shù)據(jù)的完美解決辦法

    Bootstrap 模態(tài)對話框只加載一次 remote 數(shù)據(jù)的完美解決辦法

    前端框架 Bootstrap 的模態(tài)對話框,可以使用 remote 選項指定一個 URL,這樣對話框在第一次彈出的時候就會自動從這個地址加載數(shù)據(jù)到 .modal-body 中,但是它只會加載一次,不過通過在事件中調(diào)用 removeData() 方法可以解決這個問題,具體操作方法,大家通過本文了解下吧
    2017-07-07
  • javascript獲取ckeditor編輯器的值(實現(xiàn)代碼)

    javascript獲取ckeditor編輯器的值(實現(xiàn)代碼)

    這篇文章主要介紹了javascript獲取ckeditor編輯器的值,用于表單驗證。需要的朋友可以過來參考下,希望對大家有所幫助
    2013-11-11
  • two.js之實現(xiàn)動畫效果示例

    two.js之實現(xiàn)動畫效果示例

    本篇文章主要介紹了two.js之實現(xiàn)動畫效果示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-11-11
  • 鼠標滾軸控制文本框值的JS代碼

    鼠標滾軸控制文本框值的JS代碼

    這篇文章主要介紹了鼠標滾軸控制文本框值的JS代碼,有需要的朋友可以參考一下
    2013-11-11
  • js編寫選項卡效果

    js編寫選項卡效果

    這篇文章主要為大家詳細介紹了js編寫選項卡效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05

最新評論