javascript - 外部をクリックしてWebページにジャンプした後、指定したモジュールを表示する方法。

Question

たとえば、他の外部ページへのリンクがいくつかあります:
a b c d e
次に、クリック後のジャンプ詳細ページでは、5 つの ab​​cde モジュールがすべてこのページにあります。最初の a はデフォルトで表示され、他のものは、display:none;

です。

外部ページの b リンクをクリックすると詳細ページにジャンプし、b コンテンツを直接表示することはできますか? b コンテンツ以外の他のコンテンツは表示されません: なし
c リンクをクリックした場合外部ページ、詳細ページにジャンプしてcコンテンツを直接表示 cコンテンツ以外のコンテンツはdisplay:none,

外部ページ:

リーリー

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 受信アンカー情報を取得します

リーリー