公共js在頁面底部加載的注意事項(xiàng)介紹
更新時間:2013年07月18日 17:37:33 作者:
JavaScript腳本文件都放在頁面底部加載,可以有效地加快頁面的加載速度,下面為大家介紹下書寫時的注意事項(xiàng)
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作為主模版,則可能要單獨(dú)寫些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()是不會有結(jié)果的。
這時,變通一下,把函數(shù)作全局變量就可以了。
var test; // 全局作用域的聲明
window.onload = function() {
(function($) {
test = function() {alert(123);};
//或?qū)懶┗趈Query的綁定什么的
})(jQuery)
};
只在需要時,才把私有的函數(shù)改成全局的,是更安全的做法。
但是,php控制器一般這樣寫:
復(fù)制代碼 代碼如下:
$this->load->view($HEADER);
$this->load->view($MENU);
$this->load->view($VIEW_SHOW, $data);
$this->load->view($FOOTER);
$FOOTER是個共用模版,用于加載js及css文件。
$VIEW_SHOW作為主模版,則可能要單獨(dú)寫些js代碼,這些代碼通常需要使用公共文件的資源的話,把js寫到$FOOTER的后面就不方便了,jQuery的$(document).ready又用不了。這時候,用window.onload就可以了,如下:
復(fù)制代碼 代碼如下:
window.onload = function() {
(function($) {
function test() {alert(123);}
//或?qū)懶┗趈Query的綁定什么的
})(jQuery)
};
但如果你想從window.onload外調(diào)用里面的函數(shù),比如你想在這個窗口的子iframe中調(diào)用parent.test()是不會有結(jié)果的。
這時,變通一下,把函數(shù)作全局變量就可以了。
復(fù)制代碼 代碼如下:
var test; // 全局作用域的聲明
window.onload = function() {
(function($) {
test = function() {alert(123);};
//或?qū)懶┗趈Query的綁定什么的
})(jQuery)
};
只在需要時,才把私有的函數(shù)改成全局的,是更安全的做法。
您可能感興趣的文章:
- 判斷滾動條到底部的JS代碼
- 滑輪滾動到頁面底部ajax加載數(shù)據(jù)配合jsonp實(shí)現(xiàn)探討
- 始終在頁面底部的層js實(shí)現(xiàn)代碼
- Javascript實(shí)現(xiàn)DIV滾動自動滾動到底部的代碼
- js實(shí)現(xiàn)滾動條滾動到頁面底部繼續(xù)加載
- 基于javascript實(shí)現(xiàn)瀏覽器滾動條快到底部時自動加載數(shù)據(jù)
- JS實(shí)現(xiàn)仿蘋果底部任務(wù)欄菜單效果代碼
- js實(shí)現(xiàn)帶關(guān)閉按鈕始終顯示在網(wǎng)頁最底部工具條的方法
- JS實(shí)現(xiàn)判斷滾動條滾到頁面底部并執(zhí)行事件的方法
- js判斷滾動條是否已到頁面最底部或頂部實(shí)例
- 詳解基于javascript實(shí)現(xiàn)的蘋果系統(tǒng)底部菜單
相關(guān)文章
關(guān)于實(shí)現(xiàn)代碼語法標(biāo)亮 dp.SyntaxHighlighter
關(guān)于實(shí)現(xiàn)代碼語法標(biāo)亮 dp.SyntaxHighlighter...2007-02-02全面解析JavaScript中apply和call以及bind(推薦)
在javascript中apply、call和bind是三兄弟,很好的搭檔,下面小編給大家全面解析JavaScript中apply和call以及bind的相關(guān)知識,感興趣的朋友一起學(xué)習(xí)吧2016-06-06javascript轉(zhuǎn)換日期字符串為Date日期對象的方法
這篇文章主要介紹了javascript轉(zhuǎn)換日期字符串為Date日期對象的方法,是非常實(shí)用的轉(zhuǎn)換技巧,需要的朋友可以參考下2015-02-02詳解基于DllPlugin和DllReferencePlugin的webpack構(gòu)建優(yōu)化
這篇文章主要介紹了詳解基于DllPlugin和DllReferencePlugin的webpack構(gòu)建優(yōu)化,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-06-06uniapp頁面?zhèn)鲄⒌娜N方式實(shí)例總結(jié)
在進(jìn)行頁面的跳轉(zhuǎn)的時候,往往需要我們將一些參數(shù)攜帶著傳遞過去這里的class樣式,下面這篇文章主要給大家介紹了關(guān)于uniapp頁面?zhèn)鲄⒌娜N方式,需要的朋友可以參考下2022-11-11JavaScript 浮點(diǎn)數(shù)運(yùn)算 精度問題
JavaScript小數(shù)在做四則運(yùn)算時,精度會丟失,這會在項(xiàng)目中引起諸多不便,先請看下面腳本。2009-10-10