js 개발에서 많은 사람들이 비슷한 문제에 직면하고 해결책을 찾지 못합니다.
잡히지 않은 참조 오류: XX가 정의되지 않았습니다.
주요 솔루션 단계는 다음과 같습니다.
방법/단계
1. 이런 오류가 발생한다면 참조된 js의 호출순서가 잘못된 경우가 가장 유력한데, 참조순서를 다시 조정하여 해결할 수 있는지?
그 이유는 jquery.js를 소개하는 순서가 틀렸기 때문에 jquery.js는 다른 js보다 앞에 위치해야 합니다.
<script src="__ADMIN__/js/jquery.js" language="JavaScript" type="text/javascript"></script>
<script src="__ADMIN__/js/bilibili.js" language="JavaScript" type="text/javascript"></script>2. 또 다른 이유는 js를 참조할 때 프로젝트의 올바른 파일 경로가 아니라 경로가 잘못되었다는 것입니다.
3. 또 다른 이유는 js의 일부 값이 존재하지 않는다는 것입니다.
4. JS 함수가 정의되어 있지 않습니다.
5. 본문과 머리 외부에 Javascript 기능을 넣습니다.
html로 javascript 함수를 작성할 때 일반적으로 세 가지 형식이 있습니다.
(1) 내부: HTML 웹 페이지의 <body></body>
(2) 내부: Html 웹 페이지의 <head></head>
(3) 외부: 외부 JS 파일에서
(1) <body></body>에 작성
브라우저가 웹 페이지의 Body 부분을 로드하면 그 안에 있는 Javascript 문을 실행하고 실행 후 출력 내용은 웹 페이지에 표시됩니다.
<html>
<head>...</head>
<body>
<script type="text/javascript">....</script>
</body>
</html>(2) <head></head>에 쓰기
HTML이 로드되는 즉시 javascript를 실행하지 않고 이벤트를 트리거하면 일반적으로 HTML의 <head></head>에 Javascript가 배치됩니다.
<html>
<head>
<script type="text/javascript">....</script>
</head>
<body>
...
</body>
</html>6. Javascript 함수는 객체 선언 전에 정의됩니다. 코드가 직접 실행될 수 있고 코드에 의해 작동되는 개체가 코드 뒤에 있으면 일부 브라우저에서 오류를 반환합니다.
다음과 같습니다. 태그 defer 속성의 잘못된 사용
<script src="__ADMIN__/js/jquery.js" type="text/javascript" defer="defer"></script>
공식 설명을 참조하십시오
defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。defer 속성으로 인해 원하는 효과가 지연되어 오류가 발생했습니다.
7. 위의 특정 오류 외에도 유사한 Uncaught ReferenceError: XXXX is not defined 오류가 발생할 수 있습니다. 이러한 오류의 경우 값 전달 오류 또는 일부 값이 존재하지 않는지 확인해야 합니다.