一、使用iframe的優(yōu)缺點
優(yōu)點:
1.程序調(diào)入靜態(tài)頁面比較方便;
2.頁面和程序分離;
缺點:
1.iframe有不好之處:樣式/腳本需要額外鏈入,會增加請求。另外用js防盜鏈只防得了小偷,防不了大盜。
2.iframe好在能夠把原先的網(wǎng)頁全部原封不動顯示下來,但是如果用在首頁,是搜索引擎最討厭的.那么你的網(wǎng)站即使做的在好,也排不到好的名次!如果是動態(tài)網(wǎng)頁,用include還好點!但是必須要去除他的
二、為什么少用iframe
iframes 提供了一個簡單的方式把一個網(wǎng)站的內(nèi)容嵌入到另一個網(wǎng)站中。但我們需要慎重的使用iframe。iframe的創(chuàng)建比其它包括scripts和css的 DOM 元素的創(chuàng)建慢了 1-2 個數(shù)量級。
使用 iframe 的頁面一般不會包含太多 iframe,所以創(chuàng)建 DOM 節(jié)點所花費的時間不會占很大的比重。但帶來一些其它的問題:onload 事件以及連接池(connection pool)。
1.Iframes 阻塞頁面加載
及時觸發(fā) window 的 onload 事件是非常重要的。onload 事件觸發(fā)使瀏覽器的 “忙” 指示器停止,告訴用戶當(dāng)前網(wǎng)頁已經(jīng)加載完畢。當(dāng) onload 事件加載延遲后,它給用戶的感覺就是這個網(wǎng)頁非常慢。
window 的 onload 事件需要在所有 iframe 加載完畢后(包含里面的元素)才會觸發(fā)。在 Safari 和 Chrome 里,通過 JavaScript 動態(tài)設(shè)置 iframe 的 SRC 可以避免這種阻塞情況。
2.唯一的連接池
瀏覽器只能開少量的連接到web服務(wù)器。比較老的瀏覽器,包含 Internet Explorer 6 & 7 和 Firefox 2,只能對一個域名(hostname)同時打開兩個連接。這個數(shù)量的限制在新版本的瀏覽器中有所提高。Safari 3+ 和 Opera 9+ 可同時對一個域名打開 4 個連接,Chrome 1+, IE 8 以及 Firefox 3 可以同時打開 6 個。你可以通過這篇文章查看具體的數(shù)據(jù)表:Roundup on Parallel Connections.
有人可能希望 iframe 會有自己獨立的連接池,但不是這樣的。絕大部分瀏覽器,主頁面和其中的 iframe 是共享這些連接的。這意味著 iframe 在加載資源時可能用光了所有的可用連接,從而阻塞了主頁面資源的加載。如果 iframe 中的內(nèi)容比主頁面的內(nèi)容更重要,這當(dāng)然是很好的。但通常情況下,iframe 里的內(nèi)容是沒有主頁面的內(nèi)容重要的。這時 iframe 中用光了可用的連接就是不值得的了。一種解決辦法是,在主頁面上重要的元素加載完畢后,再動態(tài)設(shè)置 iframe 的 SRC。
美國前 10 大網(wǎng)站都使用了 iframe。大部分情況下,他們用它來加載廣告。這是可以理解的,也是一種符合邏輯的解決方案,用一種簡單的辦法來加載廣告服務(wù)。但請記住,iframe 會給你的頁面性能帶來沖擊。只要可能,不要使用 iframe。當(dāng)確實需要時,謹慎的使用他們。
三、iframe和frame的區(qū)別
1、frame不能脫離frameSet單獨使用,iframe可以;
2、frame不能放在body中;
如下可以正常顯示:
如下不能正常顯示:
3、嵌套在frameSet中的iframe必需放在body中;
如下可以正常顯示:
如下不能正常顯示:
4、不嵌套在frameSet中的iframe可以隨意使用;
如下均可以正常顯示:
5、frame的高度只能通過frameSet控制;iframe可以自己控制,不能通過frameSet控制,如:
6、如果在同一個頁面使用了兩個以上的iframe,在IE中可以正常顯示,在firefox中只能顯示出第一個(firefox已經(jīng)改進,這個問題已經(jīng)不存在了);使用兩個以上的frame在IE和firefox中均可正常
小結(jié):
Frame與Iframe兩者可以實現(xiàn)的功能基本相同,不過Iframe比Frame具有更多的靈活性。 frame是整個頁面的框架,iframe是內(nèi)嵌的網(wǎng)頁元素,也可以說是內(nèi)嵌的框架 Iframe標(biāo)記又叫浮動幀標(biāo)記,可以用它將一個HTML文檔嵌入在一個HTML中顯示。它和Frame標(biāo)記的最大區(qū)別是在網(wǎng)頁中嵌入 的所包含的內(nèi)容與整個頁面是一個整體,而< /Frame>所包含的內(nèi)容是一個獨立的個體,是可以獨立顯示的。另外,應(yīng)用Iframe還可以在同一個頁面中多次顯示同一內(nèi)容,而不必重復(fù)這段內(nèi) 容的代碼。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com