公共js在頁面底部加載的注意事項介紹

　　JavaScript腳本文件都放在頁面底部加載可以有效地加快頁面的加載速度
但是php控制器一般這樣寫:

復制代碼 代碼如下:
$this>load>view($HEADER);
$this>load>view($MENU);
$this>load>view($VIEW_SHOW $data);
$this>load>view($FOOTER);

　　
$FOOTER是個共用模版用於加載js及css文件
$VIEW_SHOW作為主模版則可能要單獨寫些js代碼這些代碼通常需要使用公共文件的資源的話把js寫到$FOOTER的後面就不方便了jQuery的$(document)ready又用不了這時候用windowonload就可以了如下:

復制代碼 代碼如下:
windowonload = function() {
(function($) {
function test() {alert();}
//或寫些基於jQuery的綁定什麼的
})(jQuery)
};

　　
但如果你想從windowonload外調用裡面的函數比如你想在這個窗口的子iframe中調用parenttest()是不會有結果的
這時變通一下把函數作全局變量就可以了

復制代碼 代碼如下:
var test; // 全局作用域的聲明
windowonload = function() {
(function($) {
test = function() {alert();};
//或寫些基於jQuery的綁定什麼的
})(jQuery)
};

　　
只在需要時才把私有的函數改成全局的是更安全的做法

From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20459.html