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 将不会加载，但是再一次，fo​​rum.html 上的 iframe 被设置为加载“论坛/”位置，因此它实际上并不需要 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 回答