HTML5不支持frameset的兩種解決方法
發(fā)布時(shí)間:2016-11-14 15:32:29 作者:都市煙火
我要評論

frameset標(biāo)簽定義框架集,它用于組織多個(gè)窗口(框架)。每個(gè)框架存在一個(gè)獨(dú)立的文檔。在最簡單的應(yīng)用中,frameset 元素僅僅聲明框架集中存在的列或行的數(shù)目。但在 HTML5中frameset標(biāo)簽沒有得到支持,本文將跟大家分享HTML5不支持frameset的兩種解決方法。
解決方法如下:
第一種
使用iframe,但是目前使用iframe的人已經(jīng)越來越少了,而且iframe在不同瀏覽器之間還有不兼容的情況。而且我一些研發(fā)的人員,他們表示iframe窗口間傳值似乎很麻煩。
第二種
使用jQuery的onload方法加載頁面,不過這種方法跳轉(zhuǎn)多個(gè)頁面后,點(diǎn)擊瀏覽器上方的后退前進(jìn)是無效的,不過可以認(rèn)為的添加一個(gè)返回按鈕。
所以個(gè)人更傾向于這種方法。
我一般是這樣寫的
$("#main").load("mainIndex.html",function(){ });
對于頁面,div+css可以實(shí)現(xiàn)frame的效果
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>div+css實(shí)現(xiàn)frameset效果</title> <style type="text/css"> .header{border-bottom:1px solid #ccc;margin-bottom:5px;} .MainContainer{min-width:960px;max-width:1600px;} .sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px;padding:5px;} .main{float:left;margin-left:200px;padding:5px;} .content{padding:0 10px;} </style> </head> <body> <div class="page"> <div class="header"> <div id="title"> <h1>頂部</h1> </div> </div> <div class="MainContainer"> <div class="sidebar"> 邊欄 </div> <div id="main" class="main"> 內(nèi)容 </div> </div> </div> </body> </html>
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。
相關(guān)文章
- 不同于iframe,frameset標(biāo)簽不能與body標(biāo)簽一起使用,或許這聽起來有些奇怪...well,接下來我們就一起來看一下HTML中frameset標(biāo)簽的使用教程2016-05-30
用frameset實(shí)現(xiàn)復(fù)雜的頁面布局技巧小結(jié)
想要實(shí)現(xiàn)復(fù)雜的頁面布局,只需在frameset標(biāo)簽中在使用frameset標(biāo)簽,然后通過cols,rows屬性進(jìn)行設(shè)置就ok了,下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-05-08- 這篇文章主要介紹了html頁面嵌套使用示例(frameset使用方法),需要的朋友可以參考下2014-04-16
通過iframe實(shí)現(xiàn)在body中放frameset
因frameset和body平級 所以不能將frameset放在body里,下面有個(gè)不錯(cuò)的方法可以實(shí)現(xiàn)在body中放frameset,希望對大家有所幫助2014-01-09- 框架是網(wǎng)頁畫面分成幾個(gè)框窗同時(shí)取得多個(gè)src的地址,F(xiàn)RAMESET是用來劃分框窗,每一窗框由一個(gè)FRAME標(biāo)記所標(biāo)示,F(xiàn)RAME必須在FRAMESET范圍中使用,本文整理了一些frameset常2013-06-28
html中frameset標(biāo)簽無法正常顯示原因分析及解決
frameset /frameset想必大家都不陌生吧,在網(wǎng)站的后臺經(jīng)常會用到吧,它的功能就是將一個(gè)頁面劃分成好幾個(gè)頁面,接下來為大家介紹下frameset標(biāo)簽無法正常顯示如何解決,感性2013-03-20- 以下是一個(gè)比較簡單的方法,雖然技術(shù)含量不高,但個(gè)人認(rèn)為很實(shí)用2011-07-21
- 使用frameset做的,在寬屏下開發(fā)一直沒有發(fā)現(xiàn)什么問題,直到一個(gè)用戶使用800*600的機(jī)子測試的時(shí)候,才發(fā)現(xiàn)整個(gè)界面都被變形了。2011-01-27
html Frame、Iframe、Frameset 的區(qū)別
框架頁有Frame、Iframe、Frameset 3個(gè)標(biāo)記,初學(xué)者容易將三者混淆,下面分別講解三者的區(qū)別。2009-11-26- 這一篇,介紹一個(gè)Frameset做的簡單到不能再簡單的框架。 好先來看看這個(gè)框架的頁面構(gòu)成,由于是純手工做的測試程序,所以只是2009-06-13