公共js在頁面底部載入的注意事項介紹_javascript技巧

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又用不了。這時候，用window.onload就可以了，如下:

複製代碼

代碼如下:


window.onload = function() {
(function($) {
function test() {alert(123);}

//或寫些基於jQuery的綁定什麼的
})(jQuery)
};

但如果你想從window.onload外呼叫裡面的函數，例如你想在這個視窗的子iframe中呼叫parent.test()是不會有結果的。 這時，變通一下，把函數作全域變數就可以了。

複製程式碼

程式碼如下:


var test; // 全域作用域的宣告


var test; // 全域作用域的宣告

var test; >window.onload = function() { (function($) { test = function() {alert(123);}; //或寫些基於jQuery的綁定什麼的})(jQuery) }; 只有在需要時，才把私有的函數改成全域的，是比較安全的做法。