重要事項:不能將
標簽放在 標簽里。且 HTML5 已經不支持 frameset 標簽的使用?。?!創(chuàng)新互聯(lián)公司長期為上千客戶提供的網站建設服務,團隊從業(yè)經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網生態(tài)環(huán)境。為故城企業(yè)提供專業(yè)的網站設計制作、成都網站制作,故城網站改版等技術服務。擁有十年豐富建站經驗和眾多成功案例,為您定制開發(fā)。
1、frameset 元素可定義一個框架集,它被用來組織多個窗口(框架)。每個框架存有獨立的文檔。配合框架的使用,我們可以對頁面進行分割,局部刷新。合理的使用會給用戶帶來非常好的體驗效果。
2、frameset 的幾個屬性:
①、cols:定義框架集中列的數(shù)目和尺寸。垂直切割畫面(如分左右兩個畫面),接受整數(shù)值、百分數(shù), * 則代表占用剩余的空間。數(shù)值的個數(shù)代表分成的視窗數(shù)目且以逗號分隔。例如 COLS="30,*,50%" 可以切成三個視窗,第一個視窗是 30 pixels 的寬度,為一絕對分割,第二個視窗是當分配完第一及第三個視窗后剩下的空間,第三個視窗則占整個視窗畫面的 50% 寬度為一相對分割。你可自己調整數(shù)字。
②、rows:定義框架集中行的數(shù)目和尺寸。這是橫向切割,將畫面上下分開,數(shù)值設定同上。 COLS 與 ROWS 兩參數(shù)盡量不要放在同一個 標記中,因 Netacape 偶然不能顯示這類型的框架,盡量采用多重分割。
③、frameborder:設定框架的邊框,其值只有 0 和 1 , 0 表示不要邊框, 1 表示要顯示邊框。
④、border:設定框架的邊框厚度。
⑤、bordercolor:設定框架的邊框顏色。
⑥、framespacing:表示框架與框架間保留的空白的距離。
3、frame 標簽的屬性:
①、name:設定框架名稱。此為必須設置的屬性。
②、src:設定此框架要顯示的網頁名稱或路徑。此為必須設置的屬性。
③、scrolling:設定是否要顯示滾動條。設定值為auto, yes, no。
④、bordercolor:設定框架的邊框顏色。
⑤、frameborder:設定是否顯示框架邊框。設定值只有0、1;0 表示不要邊框,1 表示要顯示邊框。
⑥、noresize:設定框架大小是否能手動調節(jié)。
⑦、marginwidth:設定框架邊界和其中內容之間的寬度。
⑧、marginhight:設定框架邊界和其中內容之間的高度。
⑨、width:設定框架寬度。
⑩、height:設定框架高度。
4、frameset使用實例:
如果要實現(xiàn)下面的效果
頁面分為三部分,頂部,左邊和右邊。其中點擊左邊的超鏈接,右邊的框架頁面會相應變化。
整體頁面:main.html
1
top.html,right.html就是一個空頁面,left.html如下:
1 234
9- 任務創(chuàng)建
5- 任務管理
6- 數(shù)據(jù)集管理
7- 模型管理
8
頁面的分層顯示,主要就是 frameset 標簽中對于 cols 和 rows 的使用,在配合 frame 標簽的嵌套。而想要達到點擊左邊的菜單欄,右邊的frame 相應發(fā)生變化,那必須要認識屬性
target:規(guī)定在何處打開鏈接文檔。瀏覽器將會載入和顯示用這個標簽的 href 屬性命名的、名稱與這個目標吻合的框架或者窗口中的文檔。即 main.html 中,,這里的 name 屬性值為多少,那么 left.html 中, 這里要相等。
5、如何在子頁面中獲取父頁面所在的frameset中的其它的frame中的元素?
即如何在 right.html 中獲取 left.html中標簽的屬性值等等
$(parent.parent.mainFrame.document).contents().find("body").html(); //manFrame指的是你想要查看的那個frame的id
比如上面的 left.html頁面中,任務創(chuàng)建的 ID 為 taskCreat,那么我們可以這樣獲?。翰⒏淖兯?class 屬性。
$(parent.parent.left.document).contents().find("#taskCreat").attr("class","list-group-item");
6、frameset 的優(yōu)缺點
我們知道,目前的 HTML5 標準已經不支持 frameset 了,雖然使用它重載頁面時不需要重載整個頁面,只需要重載頁面中的一個框架頁(減少了數(shù)據(jù)的傳輸,加快了網頁下載速度)。但是它也有很多缺點,比如瀏覽器的后退按鈕是沒用的;會產生很多頁面,不易管理;代碼復雜,不易被搜索引擎搜索;小型移動設備顯示不全;多框架的頁面會增加服務器 http 請求等等。所以對于 frameset 的使用我們需要慎重,而且現(xiàn)階段的 DIV+CSS 用來實現(xiàn)這個功能也是可以的。