iframe的替代方案 iframe為什么不建議使用

老鐵們,大家好,相信還有很多朋友對于iframe的替代方案和iframe為什么不建議使用的相關(guān)問題不太懂,沒關(guān)系,今天就由我來為大家分享分享iframe的替代方案以及i...
老鐵們,大家好,相信還有很多朋友對于iframe的替代方案和iframe為什么不建議使用的相關(guān)問題不太懂,沒關(guān)系,今天就由我來為大家分享分享iframe的替代方案以及iframe為什么不建議使用的問題,文章篇幅可能偏長,希望可以幫助到大家,下面一起來看看吧!
frame和iframe的區(qū)別
Frame和iFrame是網(wǎng)頁中常見的兩種頁面框架的技術(shù)。它們之間的區(qū)別如下:1.結(jié)構(gòu)層級不同:Frame是使用標(biāo)簽創(chuàng)建的,在網(wǎng)頁中可以劃分為多個獨立的區(qū)域,每個區(qū)域可以加載不同的網(wǎng)頁內(nèi)容,而iFrame是使用標(biāo)簽創(chuàng)建的,可以在網(wǎng)頁中嵌套加載其他網(wǎng)頁。2.影響網(wǎng)頁整體結(jié)構(gòu)性:Frame可以改變整體頁面的結(jié)構(gòu),因為它可以占據(jù)整個瀏覽器窗口或指定的區(qū)域,而iFrame只會占據(jù)自身所在位置的區(qū)域,不會影響其他部分。3.外部鏈接的加載:使用Frame時,鏈接的跳轉(zhuǎn)會導(dǎo)致整個頁面發(fā)生變化,包括導(dǎo)航欄和其他frame的內(nèi)容一起刷新;而iFrame中的鏈接只會在自身的區(qū)域內(nèi)進行加載,不會影響其他部分的刷新。4.頁面通信的方式:Frame之間可以通過JavaScript進行通信,可以相互獲取和修改數(shù)據(jù),而iFrame由于瀏覽器的安全限制,不允許直接跨域通信,但可以通過特殊的跨域通信技術(shù)進行數(shù)據(jù)傳遞??偨Y(jié)起來,F(xiàn)rame主要用于劃分頁面結(jié)構(gòu),可以在一個頁面中加載多個網(wǎng)頁內(nèi)容,而iFrame主要用于在網(wǎng)頁中嵌套加載其他網(wǎng)頁,不會對整體頁面結(jié)構(gòu)產(chǎn)生較大的影響。
document和window的區(qū)別
簡單來說,document是window的一個對象屬性。Window對象表示瀏覽器中打開的窗口。如果文檔包含框架(frame或iframe標(biāo)簽),瀏覽器會為HTML文檔創(chuàng)建一個window對象,并為每個框架創(chuàng)建一個額外的window對象。所有的全局函數(shù)和對象都屬于Window對象的屬性和方法。document對Document對象的只讀引用。區(qū)別:
1、window指窗體。document指頁面。document是window的一個子對象。
2、用戶不能改變document.location(因為這是當(dāng)前顯示文檔的位置)。但是,可以改變window.location(用其它文檔取代當(dāng)前文檔)window.location本身也是一個對象,而document.location不是對象
bootstrap替換iframe替代方案
可以
用bootstrap代替ifream。需求:把頁面劃分成top(頂部導(dǎo)航欄),left(左側(cè)導(dǎo)航欄),central(顯示主體)三部分ifame方案:index頁面,寫好top,left內(nèi)容,最后引入ifream,a標(biāo)簽中使用target屬性跳轉(zhuǎn)到iframe
bootstrap方案:寫公共的top.jsp,left.jsp在每個頁面中引入
<%@includefile="includetop.jsp"%>
好處:
使用bootsrap模態(tài)框,不會出現(xiàn)只遮罩子frame,無法遮罩整個ifream的情況,正是這個原因,paoqile
只用修改一次
iframe替代方案
我以前就用過AJAX做過管理頁面,左側(cè)菜單不用每次都重新加載,你讓他每次點擊左側(cè)鏈接或按鈕然后調(diào)用AJAX加載右側(cè)的內(nèi)容就行
OK,關(guān)于iframe的替代方案和iframe為什么不建議使用的內(nèi)容到此結(jié)束了,希望對大家有所幫助。
本文鏈接:http:///ruanjian/4384.html