> 웹 프론트엔드 > H5 튜토리얼 > IE9 이하의 브라우저를 HTML5_html5 튜토리얼 팁과 호환되게 만드는 방법

IE9 이하의 브라우저를 HTML5_html5 튜토리얼 팁과 호환되게 만드는 방법

WBOY
풀어 주다: 2016-05-16 15:48:15
원래의
1851명이 탐색했습니다.

IE(IE6 포함)가 HTML5 요소를 지원하도록 하려면 HTML 헤더에 다음 JavaScript를 추가해야 합니다. 이는 조건부 주석을 사용하여 IE용 js 파일을 호출하는 간단한 document.createElement 문입니다. Opera, FireFox 및 기타 IE가 아닌 브라우저는 이 코드를 무시하며 http 요청이 없습니다.

코드 복사
코드는 다음과 같습니다.




위 코드는 IE 브라우저에서만 실행됩니다. 또 한 가지 주의할 점은 페이지에서 html5.js 파일을 호출할 때 페이지의 head 요소 내에 추가해야 한다는 것입니다. IE 브라우저는 이 요소를 구문 분석해야 합니다. 이 요소는 이전에 알려져 있으므로 페이지 하단에서 이 js 파일을 호출할 수 없습니다.
저자는 모든 사람이 직접 호출할 수 있도록 이 html5 js 파일을 Google 코드 프로젝트에 넣었습니다. 물론 이것이 웹페이지 열기 속도에 영향을 미칠 것이라고 생각되면 html5 js 파일을 직접 다운로드할 수 있습니다. 귀하의 서버를 별도로 호출하십시오.
다음은 html5의 js 파일에 있는 코드입니다.

코드를 복사하세요
코드는 다음과 같습니다 :

(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog, 이벤트 소스, 그림, 바닥글, 헤더, hgroup, 마크, 메뉴, 미터, 탐색, 출력, 진행률, 섹션, 시간, 비디오".split(','),i=e.length;while(i–){document. createElement(e[i] )}})()

웹 페이지에서 위 코드가 포함된 js 파일을 호출하여 IE 브라우저가 HTML5 요소를 지원하도록 만드는 것 외에도 코드를 추가할 수도 있습니다. 중간에 다음과 같은 방법으로 웹페이지로 바로 이동합니다.

코드 복사
코드는 다음과 같습니다.

<script> <br>(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist, 세부 정보,대화 상자,이벤트 소스,그림,바닥글,헤더,hgroup,마크,메뉴,미터,nav,출력,진행,섹션,시간,비디오”.split(','),i=e.length;while(i– ){document .createElement(e[i])}})() <br></script>
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿