여러 HTML 페이지에서 동일한 텍스트 섹션을 올바르게 사용하는 방법은 무엇입니까?

Question

이미 작성한 소프트웨어 (F1을 누르거나 메뉴 막대의 도움말 섹션으로 이동할 때 모든 소프트웨어에서 열리는 종류의 도움말)에 대한 도움말 컨텐츠 문서를 작성 중입니다. 나는 그렇게 간단한 HTML/CSS/js 페이지를 사용하고 있습니다.

두 개 이상의 페이지에 나타나는 다양한 소프트웨어 속성에 대해 동일한 텍스트 설명 톤이 있습니다. 아이디어는 모든 텍스트 설명이있는 단일 텍스트 소스 파일을 만든 다음 필요에 따라 해당 텍스트 섹션에 대한 참조를 사용합니다.

CSS 스타일 시트를 사용하여 모든 페이지에 스타일을 적용하는 것과 비슷한 종류의 것은 스타일 대신 텍스트 만 처리합니다. 이 방법을 사용하면 하나의 파일에서만 텍스트를 변경할 수 있으며 사용되는 모든 곳에서 적용됩니다.

필자는 html SSI 방법을 사용 했었지만이 방법은 내가 원하는대로 특정 텍스트 섹션뿐만 아니라 전체 HTML 페이지 만 포함합니다. 각 텍스트 섹션마다 다른 파일을 사용하지 않는 것이 좋습니다.

누구나 나를 올바른 방향으로 안내 할 수 있습니까?

Answer 1

일반 텍스트가 포함 된 JavaScript 함수를 만들고 필요할 때마다이 함수를 사용할 수 있다고 생각합니다. 작성하는 JavaScript는 외부 파일이어야하고 모든 HTML에서 참조 할 수 있어야합니다. 필요한 페이지.

예를 들어 "Hello World"를 반환하고 id = "title"인 "p"요소로 설정할 수 있습니다. 따라서 ID 제목이있는 요소가있는 모든 페이지에서 JavaScript 함수를 호출하여 텍스트를 "Hello World"로 설정할 수 있습니다. http://www.w3schools.com/js/js_htmldom_html.asp

UPDATE : 나는 약간의 테스트를했다, 나는 다음과 같은 자바 스크립트를 만든 :

function helloTitle(){ 
    var text = "Hello World!"; 
    document.getElementById("title").innerHTML = text; 
} 

을 그리고이 같은 일부 HTML 페이지에서 참조되는 :

이 주제에 대한 자세한 내용을 보려면이 링크를 사용

<p id="title"><script>helloTitle();</script></p> 

:

<script src="commonText.js" type="text/javascript"></script> 

그 후 난 단지 내가 그것을 수정하려는 요소의 함수를 호출 할 필요가

JS, CSS 및 HTML 만 사용하는 경우 솔루션입니다. 이를 달성하는 다른 방법이 있어야합니다.

희망 정보는 도움이 될 수 있습니다!