jQuery_動態載入js與html

最近為了重拾JavaScript，灌了VS2013，被強制升級為IE11，才知道原來IE11執行js的效能不錯，錯誤"似乎"也變少許多，但我想絕大部分的使用者短期內都不可能升級吧！  :D


JavaScript實在是太不熟悉，也不知道用什麼架構可以建置一個稍具規模的專案，在看不太懂網路上各大大的模組化後，決定亂建一個方式，總是有一個起頭，先記錄一下關鍵。

1. 使用jQuery動態載入HTML(官網)
$("#div1").load("widgets/function/functionPage1.html", function () { console.log("Load functionPage1.html OK."); }); 使用jQuery可以相當簡便的將functionPage1.html插入名為div1的容器中，達到頁面分離效果。


2. 使用jQuery動態載入js(官網)
$.getScript("function/jfunction1.js", function (data, textStatus, jqxhr) { console.log(data); // Data returned console.log(textStatus); // Success console.log(jqxhr.status); // 200 console.log("Load jfunction1 was performed."); }); 利用getScript方法，將jfunction1.js動態讀取到頁面中，當完成時會觸發後面的function，可以做為init之用。


有了這兩個方法，接著就是試圖把html與js分門別類的抽出，再於適當的時機讀取(要使用前)，看到主頁清爽的感覺就是爽！ :D