W3.JS HTML 포함
HTML 파일 포함:
w3.includeHTML()
HTML
.html 파일에 포함할 HTML을 저장합니다.
콘텐츠.html
<a href="https://www.w3schools.com/html/">HTML</a><br>
<a
href="https://www.w3schools.com/css/">CSS</a><br>
<a
href="https://www.w3schools.com/bootstrap/">Bootstrap</a><br>
<a
href="https://www.w3schools.com/js/">JavaScript</a><br>
<a
href="https://www.w3schools.com/sql/">SQL</a><br>
<a
href="https://www.w3schools.com/php/">PHP</a><br>
<a
href="https://www.w3schools.com/w3css/">W3.CSS</a><br>
HTML 포함
HTML 포함은 w3-include-html 속성 을 사용하여 수행됩니다 .
예시
<div w3-include-html="content.html"></div>
자바스크립트 추가
HTML 포함은 JavaScript에 의해 수행됩니다.
페이지에 w3.js 가 로드 되었는지 확인 하고 w3.includeHTML() 을 호출합니다 .
예시
<script>
w3.includeHTML();
</script>
전체 예
예시
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
많은 HTML 조각 포함
원하는 수의 HTML 스니펫을 포함할 수 있습니다.
예시
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-HTML="h1.html"></div>
<div w3-include-HTML="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
<html>
콜백 함수 추가
웹 페이지에 HTML 조각을 포함할 때 HTML이 제대로 포함되기 전에 포함된 HTML에 의존하는 다른 기능이 실행되지 않도록 보호해야 합니다.
코드를 "보류"하는 가장 쉬운 방법은 코드를 콜백 함수에 배치하는 것입니다.
콜백 함수는 w3.includeHTML()에 대한 인수로 추가할 수 있습니다.
예시
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
이 튜토리얼의 다음 장에서 콜백 예제를 찾을 수 있습니다.