자바 스크립트 광고 지연 로드 코드 또는 페이지 콘텐츠 로드

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 Ajax 자바 스크립트

자바 스크립트 자습서 지연 로드 하는 코드 또는 페이지 콘텐츠 로드 후 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일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.