>웹 프론트엔드 >HTML 튜토리얼 >HTML 동적 로딩 CSS 스타일 및 js 스크립트 예제_HTML/Xhtml_웹페이지 제작

HTML 동적 로딩 CSS 스타일 및 js 스크립트 예제_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:38:141365검색

1. 동적 로딩 스크립트

웹사이트에 대한 수요가 증가함에 따라 스크립트에 대한 수요도 점차 증가하고 있습니다. JS 스크립트를 너무 많이 도입하여 사이트 전체의 성능을 저하시켜야 했기 때문에 해당 스크립트를 적시에 로드하기 위한 동적 스크립트 개념이 등장했습니다.
예: 브라우저를 감지해야 할 때 감지 파일을 도입하고 싶습니다.


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

js의 동적 실행


IE 6, 7, 8 브라우저는 스크립트를 특수 요소로 간주하여 하위 노드에 액세스할 수 없습니다. 호환성을 위해 텍스트 속성을 대신 사용할 수 있습니다.


모든 브라우저에 필수 호환 가능

2. 스타일을 동적으로 로드합니다

웹사이트 스킨 전환 등 스타일 시트를 동적으로 로드하기 위해. 스타일 시트를 로드하는 방법에는 두 가지가 있습니다. 하나는 태그이고, 다른 하나는