Skip to main content

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

JavaScript - UI, API 그리고 문서 (2/2) : 문서보는법 (4 월 2025)

JavaScript - UI, API 그리고 문서 (2/2) : 문서보는법 (4 월 2025)
Anonim

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

Javascript를 사용하여 HTML 통합하기

  1. 반복하려는 HTML을 작성하여 별도의 파일에 저장하십시오.

    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 파일을 편집하십시오. 업로드하면 사이트의 모든 페이지에서 변경됩니다.

팁 및 조언

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