解決方法如下:
第一種
使用iframe,但是目前使用iframe的人已經(jīng)越來(lái)越少了,而且iframe在不同瀏覽器之間還有不兼容的情況。而且我一些研發(fā)的人員,他們表示iframe窗口間傳值似乎很麻煩。
第二種
使用jQuery的onload方法加載頁(yè)面,不過(guò)這種方法跳轉(zhuǎn)多個(gè)頁(yè)面后,點(diǎn)擊瀏覽器上方的后退前進(jìn)是無(wú)效的,不過(guò)可以認(rèn)為的添加一個(gè)返回按鈕。
所以個(gè)人更傾向于這種方法。
我一般是這樣寫的
$("#main").load("mainIndex.html",function(){ });
對(duì)于頁(yè)面,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é)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流。
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。