ホームページ  >  に質問  >  本文

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

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

です。

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

外部ページ:

リーリー

1.htmlのジャンプ後のページ:

リーリー
伊谢尔伦伊谢尔伦2721日前789

全員に返信(3)返信します

  • 怪我咯

    怪我咯2017-05-31 10:41:54

    5 つのリンクのそれぞれにパラメータを追加します。たとえば、

    リーリー

    次に、このページの js 内の URL の背後にあるパラメーターを判断して、どれを表示し、どれを非表示にするかを決定します。
    window.location.hash は URL のパラメータを取得できます。

    リーリー

    上記の方法を使用して、どのリンクから来たのかを判断するだけで、対応するブロックが表示されます。

    返事
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-31 10:41:54

    アンカーポイントを使用するだけでそれを実現できます

    リーリー

    返事
    0
  • ringa_lee

    ringa_lee2017-05-31 10:41:54

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

    リーリー

    返事
    0
  • キャンセル返事