자바 스크립트 자습서 지연 로드 하는 코드 또는 페이지 콘텐츠 로드 후 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 >