프로그래밍 언어/HTML,CSS,JS

HTML 파일에 다른 HTML 파일 포함

Rateye 2021. 6. 8. 14:09
728x90
반응형
질문 : HTML 파일에 다른 HTML 파일 포함

두 개의 HTML 파일이 있으며 a.htmlb.html 이라고 가정합니다. a.html 을 포함하고 b.html .

JSF에서는 다음과 같이 할 수 있습니다.

<ui:include src="b.xhtml" />

그것은 그 내부의 의미 a.xhtml 파일을, 나는 포함 할 수 b.xhtml .

*.html 파일에서 어떻게 할 수 있습니까?

답변

제 생각에는 최상의 솔루션은 jQuery를 사용합니다.

a.html :

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#includedContent").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="includedContent"></div>
  </body> 
</html>

b.html :

<p>This is my include file</p>

이 방법은 내 문제에 대한 간단하고 깨끗한 해결책입니다.

jQuery .load() 문서는 여기에 있습니다 .

출처 : https://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file
728x90
반응형