公共js在頁(yè)面底部加載的注意事項(xiàng)介紹_javascript技巧

JavaScript腳本文件都放在頁(yè)面底部加載，可以有效地加快頁(yè)面的加載速度。
但是，php控制器一般這樣寫:
代碼如下:
$this->load->view($HEADER);
$this->load->view($MENU);
$this->load->view($VIEW_SHOW, $data);
$this->load->view($FOOTER);

$FOOTER是個(gè)共用模版，用于加載js及css文件。
$VIEW_SHOW作為主模版，則可能要單獨(dú)寫些js代碼，這些代碼通常需要使用公共文件的資源的話，把js寫到$FOOTER的后面就不方便了，jQuery的$(document).ready又用不了。這時(shí)候，用window.onload就可以了，如下:
代碼如下:
window.onload = function() {
(function($) {
function test() {alert(123);}
//或?qū)懶┗趈Query的綁定什么的
})(jQuery)
};

但如果你想從window.onload外調(diào)用里面的函數(shù)，比如你想在這個(gè)窗口的子iframe中調(diào)用parent.test()是不會(huì)有結(jié)果的。
這時(shí)，變通一下，把函數(shù)作全局變量就可以了。
代碼如下:
var test; // 全局作用域的聲明
window.onload = function() {
(function($) {
test = function() {alert(123);};
//或?qū)懶┗趈Query的綁定什么的
})(jQuery)
};

只在需要時(shí)，才把私有的函數(shù)改成全局的，是更安全的做法。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com