테스트 사이트 - 개발 중인 베타 버전입니다

html 질문이요!! 채택완료

주니준이 5년 전 조회 3,836

메뉴 클릭하면 저기 안에 내용만 바뀌게 할려면 어떻게 해야하나요?

댓글을 작성하려면 로그인이 필요합니다.

답변 5개

채택된 답변
+20 포인트

순수 html로 하시려면 ajax 쓰시는게 편하고

서버설치해서 서버상에서 구동하신다면

include를 쓰시면 됩니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

주니준이
5년 전
메뉴를 클릭해서 content부분에만 새로운 html을 불러 올 수 있나요?
병원에서일해요
5년 전
content에 html을 새롭게 넣어주는형태로 가능합니다

댓글을 작성하려면 로그인이 필요합니다.

5년 전

그러게요..ajax로 누르는곳으 이벤트를 체크하고 이벤트후 해당위치에 영역에 처리결과값을

뿌려주면 됩니다. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

5년 전

페이지 새로고침 없이 해당 영역만 바뀌게 하고 싶으신거라면 vue, react 등의 SPA 프레임워크를 활용하시는게 낫습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

페이지 전체를 불러오지 않고 내용부분만 바꾸고 싶은거라면 Ajax라는 기법이 있습니다.

구글 검색하면 자료가 많아요 30분만 투자하세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

보통 메뉴는 모든 html에서 불러오게 하셔야 합니다.

ex)

내용01.html

<메뉴>

 <내용1로 가는 태그>

 <내용2로 가는 태그>

 <내용3로 가는 태그>

<내용1>

 

내용02.html

<메뉴>

 <내용1로 가는 태그>

 <내용2로 가는 태그>

 <내용3로 가는 태그>

<내용2>

 

내용03.html

<메뉴>

 <내용1로 가는 태그>

 <내용2로 가는 태그>

 <내용3로 가는 태그>

<내용3>

 

이해가 되셨을까요 :)

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인