JavaScript

[Window_Object] JS - window.jQuery 속성 - 제이쿼리 라이브러리 로드 여부 확인 (= 윈도우제이쿼리속성)

목차
  1. window.jQuery 예제 - 제이쿼리 라이브러리 로드 여부 체크
  2. window.jQuery 정의

 

window.jQuery 예제 - 제이쿼리 라이브러리 로드 여부 체크

 

<?php

if (!window.jQuery) { // jQuery 로드 안 된 경우 동적으로 추가

    var script = document.createElement('script');

    script.src = 'https://code.jquery.com/jquery-3.6.0.min.js';

    document.head.appendChild(script);

    script.onload = function() {

        console.log('jQuery가 동적으로 로드 됨');

        // jQuery 로드 후 추가 작업 수행

    };

} else {

    console.log('jQuery가 이미 로드 됨.');

}


 

window.jQuery 정의

 

window는 브라우저의 전역 객체를 가리킴. window.jQuery는 jQuery 라이브러리가 브라우저에서 로드되었는지 확인하는 코드임. 즉, window.jQuery가 존재한다면, jQuery가 정상적으로 로드되어 사용할 수 있다는 의미임.

 


PS.

  • window.jQuery가 undefined일 경우 jQuery가 로드되지 않은 상태이고, 그렇지 않으면 jQuery가 로드된 상태임을 나타냄.
  • 이를 통해 jQuery가 없는 환경에서도 적절히 대처 가능.

 



분류 제목
Math JS - Math.log1p() 메서드 -
Math JS - Math.expm1() 메서드 -
Math JS - Math.clz32() 메서드 - 32비트 이진수에서 앞에 오는 0 개수 반환 (= Math.clz…
Math JS - Math.fround() 메서드 - 최근접 32비트 단정밀도 부동소수 반환 (= Math.froun…
Math JS - Math.sign() 메서드 - 숫자부호판별 (= Math.sign메서드 = 매스사인메서드) ※ 숫…
js JS - 모든 링크 주소를 특정 URL주소로 일괄 변경
js JS - 화면 리사이즈 시, 스크롤바 가운데로 이동 (= 화면크기 변경 시, 스크롤바 중앙에 위치시키기)
API_Fetch JS - Fetch API (= JavaScript로 파일 내용 가져오기 = fetch메서드=페치메서드)
API_MediaQueryList JS - window.MediaQueryList 객체 - 미디어쿼리 정보 저장 (= window.MediaQ…
Basic JS - 반복문 종류 ( for / for...of / for...in / while / do...while…
DOM_Element JS - remove() 메서드 - 요소 제거 (= remove메서드 = 리무브메서드) ※ 요소제거
Window_Object JS - window.jQuery 속성 - 제이쿼리 라이브러리 로드 여부 확인 (= 윈도우제이쿼리속성)
js JS - 특정 문자열 글자 포함 요소의 글자색 스타일 변경
89/89
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 1
웹유틸
회원센터
홈짱닷컴 PC버전 로그인