84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
그림과 같이 웹 클라이언트를 만들고 싶습니다. 왼쪽 탐색을 클릭하면 새로고침 없이 오른쪽 페이지로 이동합니다. 즉, 오른쪽 페이지가 변경되면 기본 라우팅 주소는 그대로 유지됩니다. index.html/# 1페이지와 같은 조언을 제공하거나 학습 문서를 제공해주세요
왼쪽의 5개 탐색에 해당하며, 오른쪽에는 5개의 서로 다른 내용을 쓸 수 있습니다. 왼쪽과 오른쪽의 해당 블록을 클릭하면 표시되고 다른 블록은 숨겨집니다. 이를 탭 전환이라고 합니다. URL을 변경하려면 왼쪽 탐색의 주변 a 태그의 href 속성에 "#block1", "#block2" 등을 쓰면 됩니다. 기본 코드는 다음과 같습니다.
위의 답변은 모두 탭을 사용하는데, 질문자가 원하는 내용인지는 모르겠습니다
프런트엔드(index.html):
백엔드(server.php):
언어와 프레임워크에 제한이 없나요? 새로 고침 없이 콘텐츠를 전환하는 방법에 대해 간단하게 이야기하자면:
탭 전환은 css나 js 또는 jq를 사용하여 간단히 구현할 수 있습니다. css或者用js或者jq实现。
css
无刷新更新数据和内容，Ajax实现
路由跳转，vue和angular等框架都可以实现但是题主给的样例是比较常见的tab切换
vue
angular
tab切换
탭 스위치
:target 의사 요소로 구현된 탭 전환입니다. http://codepen.io/hzz/pen/RVNbyz
라우팅, 각도, Vue 등을 사용하세요.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
왼쪽의 5개 탐색에 해당하며, 오른쪽에는 5개의 서로 다른 내용을 쓸 수 있습니다. 왼쪽과 오른쪽의 해당 블록을 클릭하면 표시되고 다른 블록은 숨겨집니다. 이를 탭 전환이라고 합니다.
으아악URL을 변경하려면 왼쪽 탐색의 주변 a 태그의 href 속성에 "#block1", "#block2" 등을 쓰면 됩니다.
기본 코드는 다음과 같습니다.
위의 답변은 모두 탭을 사용하는데, 질문자가 원하는 내용인지는 모르겠습니다
프런트엔드(index.html):
으아악백엔드(server.php):
으아악언어와 프레임워크에 제한이 없나요? 새로 고침 없이 콘텐츠를 전환하는 방법에 대해 간단하게 이야기하자면:
-
새로 고침 없이 데이터 및 콘텐츠 업데이트, Ajax 구현🎜🎜 🎜🎜경로 점프는탭 전환은
css나 js 또는 jq를 사용하여 간단히 구현할 수 있습니다.css或者用js或者jq实现。无刷新更新数据和内容，Ajax实现
路由跳转，
vue和angular等框架都可以实现但是题主给的样例是比较常见的
tab切换vue및angular와 같은 프레임워크로 구현할 수 있지만 주제가 제공하는 예는 더 일반적인
탭 스위치입니다. >예, 구현하는 데 여전히 이것을 사용하는 것이 좋습니다🎜🎜 🎜:target 의사 요소로 구현된 탭 전환입니다.
http://codepen.io/hzz/pen/RVNbyz
라우팅, 각도, Vue 등을 사용하세요.