javascript/jquery를 사용하여 외부 파일을 html에 포함시키는 방법은 무엇입니까?

Question

여러 파일 (header.html, nav.html, footer.html)이 있습니다. 페이지가 (또는 전) 일반 js 또는 jquery 라이브러리를 사용하여로드되는 동안 index.html에 이러한 파일을 포함 할 수있는 방법이 있는지 궁금합니다. 서버 측에서 처리하는 것이 더 좋지만, 프론트 엔드에서 작업 중이며 서버 측 스크립트에 액세스 할 수 없습니다.

나는 $ .load ('HEADER.html 현재')를 사용하려고

, 그것은 나에게 다음과 같은 오류를 제공합니다 :

catch되지 않은 형식 오류 : 개체 기능 (A, B) {새로운 e.fn.init를 반환 (a, b, h)}에는 'load'메서드가 없습니다.

Answer 1

일치하는 요소에서 load() 함수를 호출해야합니다. 이 예에서

$('#myDiv').load('test.html'); 

, 상기 콘텐츠는 myDiv 요소에로드된다.