ページ下部のpublic jsを読み込む際の注意点のご紹介_javascript Tips

JavaScript スクリプト ファイルはページの下部に読み込まれるため、ページの読み込みを効果的に高速化できます。
ただし、PHP コントローラーは通常次のように記述されます:

コードをコピー コードは次のとおりです:

$this->load->view($HEADER);
$this->load->view($MENU); ($VIEW_SHOW, $data);
$this->load->view($FOOTER);

$FOOTER は、js および css ファイルをロードするために使用される一般的なテンプレートです。
$VIEW_SHOW がメインのテンプレートであるため、これらのコードが通常パブリック ファイル リソースを使用する必要がある場合、jQuery の $(document).ready の後に js を記述するのは不便です。また役に立たない。この時点では、次のように window.onload を使用するだけです:

コードをコピーします コードは次のとおりです:

window.onload = function() {
(function($) {
function test() {alert(123);}
//または jQuery ベースのバインディングを作成します
})(jQuery)
};

ただし、window.onload の外部から内部の関数を呼び出したい場合、たとえば、このウィンドウの子 iframe は何も起こりません。
この時点では、変更を加えて関数をグローバル変数にするだけです。

コードをコピーします コードは次のとおりです。

var test; // グローバル スコープ宣言
window.onload = function() {
(function($) {
test = function() {alert(123);};
//または jQuery ベースのバインディングを作成します
})(jQuery)
};

必要な場合にのみプライベート関数をグローバルに変更する方が安全です。