JavaScript를 사용하여 동적 메뉴 포함

Question

내 웹 사이트의 각 html 페이지에 Javascript를 사용하여 페이지 이름이나 다른 고유 요소를 기반으로 파일을 포함하고 싶습니다.

스크립트는 요소를 식별 한 다음 올바른 파일을로드해야합니다.

내 웹 사이트 페이지가 .html 확장자로 끝납니다. --php로 변경할 수 있다면 설정 하겠지만 구조를 변경할 수는 없습니다.

예를 들어 스크립트는 beads.html에서 고유 한 요소를 확인한 다음 해당 요소와 관련된 beads-nav.html 파일을로드합니다. jewelry.html은 보석 - nav.html 파일 등을로드합니다.

Answer 1

아약스를 통해 외부 페이지를로드 할 수 있습니다.

jQuery로는이만큼 쉽다 수 :

$('#result').load('ajax/test.html');는 here에서 촬영.