채택완료

html 질문이요!!

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

|

답변 5개 / 댓글 2개

채택된 답변
+20 포인트

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

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

include를 쓰시면 됩니다

답변에 대한 댓글 2개

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

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

뿌려주면 됩니다. 

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

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

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

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

ex)

내용01.html

<메뉴>

 <내용1로 가는 태그>

 <내용2로 가는 태그>

 <내용3로 가는 태그>

</메뉴>

<내용1>

</내용1>

 

내용02.html

<메뉴>

 <내용1로 가는 태그>

 <내용2로 가는 태그>

 <내용3로 가는 태그>

</메뉴>

<내용2>

</내용2>

 

내용03.html

<메뉴>

 <내용1로 가는 태그>

 <내용2로 가는 태그>

 <내용3로 가는 태그>

</메뉴>

<내용3>

</내용3>

 

이해가 되셨을까요 :)

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