• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見(jiàn)問(wèn)題 >> 網(wǎng)站建設(shè) >> 網(wǎng)頁(yè)設(shè)計(jì) >> 網(wǎng)頁(yè)設(shè)計(jì)中iframe使用技巧

網(wǎng)頁(yè)設(shè)計(jì)中iframe使用技巧

• 作者：創(chuàng)新互聯(lián) 文章來(lái)源：成都網(wǎng)站制作 點(diǎn)擊數(shù)： 更新時(shí)間：2010-06-04
• 　　設(shè)計(jì)師們?cè)?a class="lj" href="http://lslks.net/Question13.asp" target="_blank">設(shè)計(jì)網(wǎng)站的時(shí)候，會(huì)使用iframe工具，那么iframe有什么優(yōu)勢(shì)了？今天小編就來(lái)說(shuō)說(shuō)網(wǎng)頁(yè)設(shè)計(jì)中iframe使用技巧。iframe可以輕易的調(diào)用其他網(wǎng)站的頁(yè)面，但在使用時(shí)要把握好尺度。它比創(chuàng)建其他 DOM 元素（包括 style 和 script）多耗費(fèi)數(shù)十甚至數(shù)百倍的性能。值得大家學(xué)習(xí)的是 onload 事件和連接池。
  
  1、iframe 阻塞 onload。
  　　window 的 onload 事件盡快執(zhí)行非常重要。這會(huì)讓瀏覽器的載入進(jìn)度指示器完成，用戶依據(jù)此判斷頁(yè)面是否已經(jīng)加載完。而 onload 事件延遲，會(huì)讓用戶感覺(jué)頁(yè)面變慢。window 的 onload 事件直到它所包含的所有 iframe，以及所有 iframe 中的資源完全加載完成后才會(huì)觸發(fā)。在 Safari 和 Chrome 中，用 javascritpt 動(dòng)態(tài)的給 iframe 的 src 賦值可以避免這種阻塞行為。
  
  2、一個(gè)連接池。
  　　對(duì)每個(gè) web 服務(wù)器來(lái)說(shuō)，瀏覽器只打開極少的幾個(gè)連接數(shù)。老的瀏覽器，包括 IE 6/7 和 Firefox 2，每個(gè)主機(jī)只有2個(gè)連接。在新的瀏覽器中，連接數(shù)增加。Safari 3+ 和 Opera 9+ 增至4個(gè)，Chrome 1+ 、IE 8 及 Firefox 3 增至6個(gè)。人們可能期望每個(gè) iframe 有單獨(dú)的連接池，但并非如此。在大多數(shù)瀏覽器中，連接被主頁(yè)面和它的 iframe 所共享，這意味著有可能 iframe 中的資源占用了可用連接而阻塞了主頁(yè)面的資源加載。如果 iframe 中的內(nèi)容同等重要，或比主頁(yè)面更重要，這很好。然而在通常情況下 iframe 中的內(nèi)容對(duì)頁(yè)面來(lái)說(shuō)不太重要，iframe 占用連接數(shù)是不可取的。一個(gè)解決方案是在優(yōu)先級(jí)更高的資源下載完成后再動(dòng)態(tài)的給 iframe 的 src 賦值。
  　　據(jù)小編所知，美國(guó)的10大網(wǎng)站中有5個(gè)使用了 iframe進(jìn)行網(wǎng)頁(yè)制作。它們多數(shù)用來(lái)加載廣告。這不是很合適，但可以理解，這是一個(gè)簡(jiǎn)便的在內(nèi)容中插入廣告的途徑。在很多情況下，使用 iframe 是合理的。但要意識(shí)到這對(duì)你的頁(yè)面的性能影響。
  　　如果您在網(wǎng)站制作中遇到什么疑難問(wèn)題也可以登錄我們的論壇（http://bbs.cdxwcx.com），來(lái)和更多的朋友進(jìn)行交流。
  
• 如何用PS切出我們需要的圓形素材？ :上一篇
  成都網(wǎng)站設(shè)計(jì)：網(wǎng)站設(shè)計(jì)的目的 :下一篇