JavaScript를 사용하여 많은 문서에 HTML을 포함시키는 방법

사이트의 여러 페이지에 동일한 콘텐츠가 복사되도록하려면 HTML을 사용하여 해당 콘텐츠를 수동으로 복사하여 붙여 넣어야합니다. 그러나 자바 스크립트를 사용하면 서버 스크립트없이 코드 스 니펫을 포함 할 수 있습니다.

난이도 : 평균

소요 시간 : 15 분

방법은 다음과 같습니다.

1. 반복하려는 HTML을 작성하여 별도의 파일에 저장하십시오.
   1. 나는 include 파일을 별도의 디렉토리에 저장하고 싶다. 보통 "includes"이다. 내 저작권 정보를 다음과 같은 포함 파일에 저장합니다 : includes / copyright.js
2. HTML은 JavaScript가 아니므로 모든 행에 JS 코드 document.write를 추가해야합니다. document.write ( "Copyright Jennifer Kyrnin 1992");
3. 포함 파일을 표시 할 웹 페이지를 엽니 다.
4. include 파일이 표시되어야하는 HTML에서 위치를 찾은 후 다음 코드를 입력하십시오.
5. 경로 및 파일 이름 을 포함 파일 위치를 반영하도록 변경하십시오.
6. 저작권 정보를 원하는 모든 페이지에 동일한 코드를 추가하십시오.
7. 저작권 정보가 변경되면 copyright.js 파일을 편집하십시오. 업로드하면 사이트의 모든 페이지에서 변경됩니다.

팁

1. js 파일에서 HTML의 모든 행에 document.write를 잊지 마십시오. 그렇지 않으면 작동하지 않습니다.
2. HTML 또는 텍스트를 JavaScript 포함 파일에 포함 할 수 있습니다. 표준 HTML 파일에 포함될 수있는 모든 내용은 JavaScript 포함 파일에 포함될 수 있습니다.
3. 머리글을 포함하여 HTML 문서의 어느 위치 에나 포함 할 수 있습니다.
4. 웹 페이지 문서에는 포함 된 HTML이 표시되지 않고 JavaScript 스크립트 호출 만 표시됩니다.