iframe非同步載入（點選左邊選單載入右邊內容）

2022-02-24 18:21:57 字數 1137 閱讀 3400

關於iframe非同步載入，我們常用的大都是左邊選單欄右邊是內容頁面，要求我們不能左邊選單不能重新整理的情況下，非同步載入右邊的內容頁面。

話不多說，做了乙個例項大致是這樣的：

1、首先在你的專案中建立三個檔案如：

2、在default頁面引入jquery檔案並在body中加入也下**：

view code 

1


"width: 20%; float: left


">2"


butten


" style="


cursor: pointer;


">


3區域性重新整理(框架載入頁面)45


"hidden


" style="


display: none


">


6             我是隱藏的，點選區域性重新整理之後


7我就顯示，頁面載入我不會消失89


10"page


" style="


width: 80%; float: right;


">11'


1.htm


' frameborder='


0' style='


border: 0; width: 100%; height: 99.4%;


'>


1213


14
3、在1.htm和2.htm中隨便寫上什麼都行，甚至可以直接這樣寫（什麼html、title、body、title等均可不用寫）：

1.htm：

1 頁面一<


br />


2 原始頁面
2.htm：

1 頁面二<


br />


2 框架載入的頁面
4、效果如圖：

iframe非同步載入測試篇

iframe非同步載入測試篇 談到transformers，顧名思義 變形金剛 賣家中心首頁由各模組組成，模組可移動 刪除等，大部分模組實現iframe的非同步載入。如何進行iframe非同步載入的測試，首先需要清楚，何為iframe非同步載入？iframe可在主頁面的onload之前載入，也可在主...

iframe非同步載入技術及效能

我們會經常使用iframes來載入第三方的內容 廣告或者外掛程式。使用iframe是因為它可以和主頁面並行載入，不會阻塞主頁面。當然使用iframe也是有利有弊的 steve souders在他的blog裡面有闡述 using iframes sparingly 阻塞主頁面的onload是這兩個問題...

iframe非同步載入技術及效能

我們會經常使用iframes來載入第三方的內容 廣告或者外掛程式。使用iframe是因為他可以和主頁面並行載入，不會阻塞主頁面。當然使用iframe也是有利有弊的 steve souders在他的blog裡面有闡述 using iframes sparingly 阻塞主頁面的onload是這兩個問題...