首頁 > web前端 > js教程 > iframe非同步載入實作點選左邊選單載入右邊內容實例講解_jquery

iframe非同步載入實作點選左邊選單載入右邊內容實例講解_jquery

WBOY
發布: 2016-05-16 17:41:12
原創
1335 人瀏覽過

關於iframe非同步加載,我們常用的大都是左邊選單列右邊是內容頁面,要求我們不能左邊選單不能刷新的情況下,異步加載右邊的內容頁面。

話不多說,做了一個實例大致是這樣的:

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

2、在Default頁面引入jquery檔案並在body中加入也下程式碼:

複製程式碼 程式碼如下:



局部刷新(框架加載頁)








3 、在1.htm和2.htm中隨便寫上什麼都行,甚至可以直接這樣寫(什麼html、title、body、title等皆可不用寫):
1.htm:
複製程式碼 程式碼如下:

頁一


頁一

原始頁
2.htm:複製代碼

代碼如下:

頁二

框架載入的頁面

4、效果如圖:

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板