script 중 defer 속성
<button id="myButton1" onclick="alert('ok1')">test1</button>
<script>
myButton1.click();
</script>
<script defer>
myButton2.click();
</script>
<button id="myButton2" onclick="alert('ok2')">test2</button>
<script>
myButton3.click();
</script>
<button id="myButton3" onclick="alert('ok3')">test3</button>Script 의 Defer 속성 은 시스템 성능 에 관심 이 많 고 신경 쓰 이 는 사람 이 라면 Script 스 크 립 트 의 defer 에 섹시 한 관심 을 가 질 것 이 라 고 생각 합 니 다.script 의 defer 속성 은 기본적으로 false 입 니 다.DHTML 프로 그래 밍 보전 의 설명 에 따 르 면 Defer 속성 은 다음 과 같 습 니 다. Using the attribute at design time can improve the download performance of a page because the browser does not need to parse and execute the script and can continue downloading and parsing the page instead. 즉, 스 크 립 트 를 작성 할 때 defer 속성 을 추가 하면그러면 브 라 우 저 는 스 크 립 트 를 다운로드 할 때 즉시 처리 하지 않 고 페이지 를 계속 다운로드 하고 해석 하면 다운로드 성능 을 향상 시 킬 수 있 습 니 다.이런 상황 은 여러 가지 가 있다.예 를 들 어 자 바스 크 립 트 변 수 를 많이 정의 하거나 인용 파일 (. inc) 에 처리 해 야 할 스 크 립 트 를 많이 썼 습 니 다. 이 스 크 립 트 에 defer 속성 을 추가 하면 성능 향상 에 도움 이 될 것 입 니 다.예 를 들 면 다음 과 같다.
var object = new Object();
....
defer 속성 은 기본적으로 false 이기 때문에 여기 있 습 니 다.
명시 적 으로 defer 속성 을 설명 한 후 동일 합 니 다.
defer 속성 을 설명 한 후 다른 변수 가 defer 스 크 립 트 블록 에 있 는 변 수 를 인 용 했 는 지 판단 해 야 합 니 다. 그렇지 않 으 면 스 크 립 트 오류 가 발생 할 수 있 습 니 다.
인용 하 다.
DEFER 는 스 크 립 트 프로그램의 강력 한 기능 중의 '무명 영웅' 이다.너 는 아마 그것 을 사용 해 본 적 이 없 을 것 이다. 그러나 이곳 의 소 개 를 본 후에 너 는 그것 을 떠 날 수 없 을 것 이 라 고 믿는다.이 는 브 라 우 저 스 크 립 트 세그먼트 에 즉시 실행 할 필요 가 없 는 코드 를 포함 하고 있 으 며, SRC 속성 과 함께 사용 하면 이 스 크 립 트 를 배경 에서 다운로드 할 수 있 으 며, 프론트 데스크 의 내용 은 사용자 에 게 정상적으로 표 시 됩 니 다.
마지막 으로 두 가 지 를 주의 하 세 요.
1. defer 형 스 크 립 트 프로그램 에서 document. write 명령 을 호출 하지 마 십시오. document. write 가 직접 출력 효 과 를 낼 수 있 기 때 문 입 니 다.
2. 그리고 defer 형 스 크 립 트 프로그램 에 스 크 립 트 를 즉시 실행 할 때 사용 할 전역 변수 나 함 수 를 포함 하지 마 십시오.
게다가 defer 는 페이지 가 완전히 들 어간 후에 실행 하 는 것 과 같 습 니 다. window. onload 에 해당 하지만 응용 은 window. onload 보다 더 유연 합 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
