page_javascript 팁 하단에 공개 js 로딩 시 주의사항 소개

JavaScript 스크립트 파일은 페이지 하단에 로드되므로 페이지 로딩 속도를 효과적으로 높일 수 있습니다.
그러나 PHP 컨트롤러는 일반적으로 다음과 같이 작성됩니다.

코드 복사 코드는 다음과 같습니다.

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

$FOOTER는 js 및 css 파일을 로드하는 데 사용되는 일반적인 템플릿입니다.
$VIEW_SHOW가 메인 템플릿이므로 일부 js 코드를 별도로 작성해야 할 수도 있습니다. 이러한 코드가 일반적으로 공용 파일 리소스를 사용해야 하는 경우 $FOOTER의 $(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)
};


필요할 때만 전용 함수를 전역 함수로 변경하는 것이 더 안전합니다.