javascript - 외부에서 클릭하여 웹 페이지로 이동한 후 지정된 모듈을 표시하는 방법입니다.

Question

예를 들어, 다른 외부 페이지에 대한 여러 링크가 있습니다:
a b c d e
그런 다음 클릭한 후 점프 세부 정보 페이지에서 5개의 abcde 모듈이 모두 이 페이지에 첫 번째 a가 기본적으로 표시되고 나머지는 없음으로 표시됩니다. ;

외부 페이지에서 링크 b를 클릭하면 세부정보 페이지로 이동하여 b의 내용을 직접 표시할 수 있나요? 콘텐츠 b를 제외한 다른 내용은 표시되지 않습니다.
외부 페이지에서 링크 c를 클릭하면 다음으로 이동합니다. 세부정보 페이지에는 c 콘텐츠가 직접 표시됩니다. c 콘텐츠를 제외한 다른 콘텐츠는 없음,

외부 페이지:

으아악

점프 후 1.html 페이지:

으아악

Answer 1

5개 링크 각각에 매개변수를 추가하세요. 예를 들면

으아아아

그런 다음 이 페이지의 js에 있는 URL 뒤에 있는 매개변수를 판단하여 표시할 항목과 숨길 항목을 결정하세요.
window.location.hash는 URL의 매개변수를 가져올 수 있습니다.

으아아아

위 방법을 사용하여 어느 링크에서 왔는지 확인하면 해당 블록이 표시됩니다.

Answer 2

앵커 포인트를 사용하여 달성하세요

으아아아

Answer 3

HTML에 대해 간략하게 이해한 다음 (Vue.js)[https://cn.vuejs.org/], (React.js)와 같이 더 널리 사용되는 프런트 엔드 개발을 배우기 시작해야 한다고 생각합니다. [http://react-china.org/], (AngularJS)[https://angularjs.org/] 등 당신이 언급한 종류의 상호 작용으로 인해 기존의 동적 프로그래밍 언어(예: PHP, Java 등)를 사용하는 것 외에도 프런트 엔드 구현은 여전히 ​​상대적으로 까다롭습니다.
여기서 자세히 설명하지는 않겠습니다. 이전에 답변한 질문인 /q/10…을 참조하세요. 그의 요구 사항은 귀하가 말한 것과 매우 유사합니다. 단지 전송 username，一个传递 index;
대략적인 코드는 다음과 같습니다.
여기에 매개 변수로 전달된 앵커 포인트가 있습니다.

으아아아

1.html 앵커 수신 정보 받기

으아아아