HTML에서 <script>는 어디에 배치해야 합니까?-HTML 튜토리얼-php.cn

스크립트는 HTML 어디에나 배치할 수 있다고 생각했는데, 오늘 요청하면서 스크립트 위치를 임의로 배치할 수 없다는 오해를 바로잡았습니다.

먼저 select 태그를 yes, no 2가지 옵션으로 구현하고 싶습니다. 그런데 초기화 시 select 태그는 기본적으로 null 값을 선택해야 하므로, 다음과 같은 경우 null 값을 삭제하는 메소드를 추가했습니다. 클릭:

$('#checkcash').click(function () { if ($('#checkcash').val() == '0') { $("#checkcash option[value='0']").remove(); } }); $("#alert").click(function(){ alert("1123"); }) 是否已提现 是 否 로그인 후 복사 하지만 원하는 효과를 얻을 수 없습니다. 처음에는 jquery의 구문 오류인 줄 알았습니다 온라인에서 계속 확인하고 수정했지만 작동하지 않았습니다. 그러다 문득 생각이 들었습니다. 스크립트를 뒤에 넣어야 하는데 시도해 봤는데 결과는 당연히 괜찮았는데 문득 그게 아니라는 걸 깨달았습니다.

나중에 확인해 보니 html 파일은 탑다운 방식으로 실행되는데 가져온 CSS와 javascript 의 순서가 다르기 때문에 실행 및 로딩을 위해 CSS를 도입해도 프로그램이 계속 실행됩니다. 아래로 내려가면 에 도달하여 스크립트가 스레드를 중단하고 프로그램은 스크립트 스크립트의 실행이 완료된 후에만 실행을 계속합니다. 따라서 스크립트의 오랜 실행으로 인한 지연 차단을 피하기 위해 스크립트는 일반적으로 본문 뒤에 배치됩니다. 일부 페이지의 효과를 얻으려면 일부 js 스크립트를 미리 동적으로 로드해야 하므로 이러한 스크립트를 앞에 배치해야 합니다. 둘째, dom 요소에 액세스해야 하는 js는 dom이 아직 생성되기 시작하지 않았기 때문에 본문 앞에 배치할 수 없습니다. 따라서 본문보다 먼저 dom 요소에 액세스하는 js는 오류가 발생하거나 유효하지 않게 됩니다. 이 때문에 DOM이 생성되기 전에 DOM에 메소드를 추가하여 이런 일이 발생했습니다.

정말 공부를 많이 해야겠다는 생각만 하고 깊이 파고들지는 않아요. 앞으로도 열심히 하세요!

ps: 사실 또 다른 방법이 있는데, jquery의 초기화 페이지 메소드를 사용하여 위 레이블에 추가된 클릭 이벤트 를 $(function(){})에 추가하는 것입니다. 위와 동일합니다. 이 메서드는 페이지가 로드된 후에 실행되므로 어디에 배치해도 사용할 수 있습니다!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼