0

これはここでの私の最初の質問ですので、ご容赦ください。これですべての詳細が正しく理解されていない場合は申し訳ありませんが、可能な限り詳細かつ具体的になるよう努めます.

私はサイトを構築していて、ナビゲーション バーのリンクをクリックできるようにしたいと考えています。このリンクをクリックすると、メインのインデックス ページが表示され、同時にそのインデックス ページの iframe のソースが変更されます。 . それが私がやろうとしていることの十分に明確な考えであることを願っていますか? この理由は、以下のように、コミュニティ ページにはまったく別のページがあるためです。ただし、サイトの残りの部分はインデックス ページから直接ホストされますが、そのページのメイン iframe に読み込まれます。これは、私がやろうとしていることをより明確にするかもしれないナビゲーションです（私は試しましたが機能しません）

div class="navbar"><!--start nav-->
<div class="nbutton"><a onclick="location.href='index.html'" href="home.html" target="mainframe">Home</a></div>
    <div class="nbutton"><a onclick="location.href='forum.html'" href="forum/" target="forumframe">Community</a></div>
<div class="nbutton"><a onclick="location.href='index.html'" href="events.html" target="mainframe">Events</a></div>
<div class="nbutton"><a onclick="location.href='index.html'" href="sponsors.html" target="mainframe">Sponsors</a></div>
<div class="nbutton"><a onclick="location.href='index.html'" href="gallery.html" target="mainframe">Gallery</a></div>
<div class="nbutton"><a onclick="location.href='index.html'" href="streams.html" target="mainframe">Streams</a></div>

index.html ページ コードの Iframe:

<iframe name="mainframe" width="700" height="600" src="images/randoms/iframetest.jpg" frameborder="1" allowFullScreen="" style="background:transparent;text-align:center;"></iframe>

forum.html ページ コードの Iframe:

<iframe name="forumframe" width="960" height="1200" src="forum/" frameborder="0" allowFullScreen=""></iframe>

これにより、私が何をしようとしているのかを簡単に確認できるようになることを願っていますか?

フォーラム リンク以外のリンクをクリックすると、iframe は読み込まれませんが、forum.html の iframe はとにかく「forum/」の場所を読み込むように設定されているため、実際には onclick イベントは必要ありません。均一性のためだけにあると思います。

私がやろうとしていることの要約例：

「ホーム」をクリックすると、index.html がロードされ、index.html の iframe ソースが「home.html」に変更されます。「イベント」をクリックすると、index.html がロードされ、index.html の iframe ソースが「events.html」に変更されます。

それが理にかなっていることを願っていますか？

どんな助けでも大歓迎です！できるだけ多くの情報を取得しようとしているだけで、ワッフルで申し訳ありません。詳細についてはお尋ねください。私が見逃したものや不明な点を明確にするよう努めます。

どうもありがとう！

4

1 に答える 1

0

index.html?subpage=home.htmlプライマリ ページの URL として渡し、JavaScript を使用してsubpageパラメーターを読み取り、フレームのページを設定できます。

以下のコードを使用して、URL パラメーターを読み取ることができます。この答えから持ち上げた：

var QueryString = function () {
  // This function is anonymous, is executed immediately and 
  // the return value is assigned to QueryString!
  var query_string = {};
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
      // If first entry with this name
    if (typeof query_string[pair[0]] === "undefined") {
      query_string[pair[0]] = pair[1];
      // If second entry with this name
    } else if (typeof query_string[pair[0]] === "string") {
      var arr = [ query_string[pair[0]], pair[1] ];
      query_string[pair[0]] = arr;
      // If third or later entry with this name
    } else {
      query_string[pair[0]].push(pair[1]);
    }
  } 
    return query_string;
} ();

その後、QueryString.c にアクセスできます。

于 2012-12-23T16:09:36.643 に答える