共通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は使えない.この時、windowを使います.onloadでいいです.次のようにします.

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

Windowsからonload外調は中の関数を使います.例えば、このウィンドウのサブiframeでparentを呼び出したいです.test()は結果が出ません.
このとき,融通して関数をグローバル変数にすればよい.

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

必要に応じて、プライベートな関数をグローバルに変更するのは、より安全な方法です.