公共js在頁面底部加載的注意事項介紹
更新時間:2013年07月18日 17:37:33 作者:
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);}
//或?qū)懶┗趈Query的綁定什么的
})(jQuery)
};
但如果你想從window.onload外調(diào)用里面的函數(shù),比如你想在這個窗口的子iframe中調(diào)用parent.test()是不會有結果的。
這時,變通一下,把函數(shù)作全局變量就可以了。
var test; // 全局作用域的聲明
window.onload = function() {
(function($) {
test = function() {alert(123);};
//或?qū)懶┗趈Query的綁定什么的
})(jQuery)
};
只在需要時,才把私有的函數(shù)改成全局的,是更安全的做法。
但是,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);}
//或?qū)懶┗趈Query的綁定什么的
})(jQuery)
};
但如果你想從window.onload外調(diào)用里面的函數(shù),比如你想在這個窗口的子iframe中調(diào)用parent.test()是不會有結果的。
這時,變通一下,把函數(shù)作全局變量就可以了。
復制代碼 代碼如下:
var test; // 全局作用域的聲明
window.onload = function() {
(function($) {
test = function() {alert(123);};
//或?qū)懶┗趈Query的綁定什么的
})(jQuery)
};
只在需要時,才把私有的函數(shù)改成全局的,是更安全的做法。
您可能感興趣的文章:
- 判斷滾動條到底部的JS代碼
- 滑輪滾動到頁面底部ajax加載數(shù)據(jù)配合jsonp實現(xiàn)探討
- 始終在頁面底部的層js實現(xiàn)代碼
- Javascript實現(xiàn)DIV滾動自動滾動到底部的代碼
- js實現(xiàn)滾動條滾動到頁面底部繼續(xù)加載
- 基于javascript實現(xiàn)瀏覽器滾動條快到底部時自動加載數(shù)據(jù)
- JS實現(xiàn)仿蘋果底部任務欄菜單效果代碼
- js實現(xiàn)帶關閉按鈕始終顯示在網(wǎng)頁最底部工具條的方法
- JS實現(xiàn)判斷滾動條滾到頁面底部并執(zhí)行事件的方法
- js判斷滾動條是否已到頁面最底部或頂部實例
- 詳解基于javascript實現(xiàn)的蘋果系統(tǒng)底部菜單
相關文章
關于實現(xiàn)代碼語法標亮 dp.SyntaxHighlighter
關于實現(xiàn)代碼語法標亮 dp.SyntaxHighlighter...2007-02-02全面解析JavaScript中apply和call以及bind(推薦)
在javascript中apply、call和bind是三兄弟,很好的搭檔,下面小編給大家全面解析JavaScript中apply和call以及bind的相關知識,感興趣的朋友一起學習吧2016-06-06javascript轉(zhuǎn)換日期字符串為Date日期對象的方法
這篇文章主要介紹了javascript轉(zhuǎn)換日期字符串為Date日期對象的方法,是非常實用的轉(zhuǎn)換技巧,需要的朋友可以參考下2015-02-02詳解基于DllPlugin和DllReferencePlugin的webpack構建優(yōu)化
這篇文章主要介紹了詳解基于DllPlugin和DllReferencePlugin的webpack構建優(yōu)化,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-06-06