7-1. 載入外部文字檔或網頁檔

載入外部文字檔或網頁檔

方法 說明
load() 載入外部文字檔案或是網頁檔案, 語法：$(selector).load(URL,data,callback),[參考][參考]

 

先下載準備載入的網頁內容的相關檔案
運用「2-4.設計互動垂直折疊式面板」的範例檔案來練習連結載入外部檔案

 

HTML部份：設計<ul>清單

 

CSS部份：依「2-4.設計互動垂直折疊式面板」的CSS

 

JS部份：除了原有互動垂直折疊式面板的設計，加上load()方法載入外部文件

 

完成檔測試：