たとえば、他の外部ページへのリンクがいくつかあります:
a b c d e
次に、クリック後のジャンプ詳細ページでは、5 つの abcde モジュールがすべてこのページにあります。最初の a はデフォルトで表示され、他のものは、display:none;
外部ページの b リンクをクリックすると詳細ページにジャンプし、b コンテンツを直接表示することはできますか? b コンテンツ以外の他のコンテンツは表示されません: なし
c リンクをクリックした場合外部ページ、詳細ページにジャンプしてcコンテンツを直接表示 cコンテンツ以外のコンテンツはdisplay:none,
外部ページ:
リーリー1.htmlのジャンプ後のページ:
リーリー
5 つのリンクのそれぞれにパラメータを追加します。たとえば、
リーリー次に、このページの js 内の URL の背後にあるパラメーターを判断して、どれを表示し、どれを非表示にするかを決定します。
リーリーwindow.location.hash は URL のパラメータを取得できます。
上記の方法を使用して、どのリンクから来たのかを判断するだけで、対応するブロックが表示されます。
アンカーポイントを使用するだけでそれを実現できます
リーリー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 受信アンカー情報を取得します
リーリー