자바 스크립트 자습서 지연 로드 하는 코드 또는 페이지 콘텐츠 로드 후 JS 전화 콘텐츠 <! doctype HTML 공개 "-//W3C//DTD XHTML 1.0 전환 / / 엉" "http://www.w3.org/tr/xhtml1/dtd/ Xhtml1 transitional.dtd "> < html xmlns = "http://www.jzread.com/1999/xhtml" > < 헤드 > < 메타 http-equiv = "content-type" 내용 = "text/html; charset = gb2312 "/ > < 제목 > 자바 스크립트 자습서 지연 로드 코드 또는 페이지 콘텐츠 JS를 로드 한 후 로드 콘텐츠 전화 </타이틀 >
</헤드 >
< 몸 > < div id = "Demob" > < / div > < div 스타일 = "표시: 없음" id = "Demob_hidden" > <!-외부 JS를이 div에 로드 호출-> < / div >
< 스크립트 > 기능 Chkdiv (divid) 없음 var Chkid=document.getelementbyid (divID); 경우 (Chkid! = null) {반환 진정한;} 다른 {반환 허위;} } 경우 (Chkdiv ('demob')) 없음 document.getElementById ('demob'). Innerhtml = document.getElementById ('Demob_hidden'). innerHTML; document.getElementById ('Demob_hidden'). innerhtml = ""; } </스크립트 >
Demob div에 대 한 ID가 원래 장소 JS 호출, Demob_hidden div와 대부분의 웹 페이지의 내용 로드 JS 전화에 숨겨진된 div를 로드 한 후 페이지의 끝에 배치 다음 JS 코드에 대 한 다음과 같은 숨겨진된 ID 중간 페이지 다음 Demob를 할당 하는 다음의 함수를 사용 하 여, 외부 JS 로딩 속도 웹 페이지 시각적 효과의 전체 부하를 줄일 수 있습니다.
방법 2
JS 지연 로드
코드는 다음과 같습니다. 프로그램 코드 < 스크립트 언어 = "자바" src = "id =" 내 ">< / 스크립트 > < 스크립트 > settimeout ("document.getElementById"). src = ' 포함/php 튜토리얼 100. php 튜토리얼'; ', 3000; / 3 초 </스크립트 >
JS 최종 부하
JS를 삽입 하려면 다음 코드를 삽입:
프로그램 코드 < span id = l4ever > < / 스팬 > 로드 중...
물론, 그 로드... 당신의 마음에 드는 작은 그림을 전환할 수 있습니다.
다음 페이지의 맨 아래에 삽입:
프로그램 코드 < 클래스에 걸쳐 spanclass id = ad_l4ever = > JS 코드 여기! < / 스팬 > < 스크립트 > l4ever.innerhtml=ad_l4ever.innerhtml;ad_l4ever.innerhtml= ""; < / 스크립트 > </바디 > < / html >
이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이
페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.
커뮤니티에서 표절 사례를 발견한 경우
info-contact@alibabacloud.com
으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.