html - 定位到 iframe 内的页面

Question

我再试着解释一下:

我的 index.html 中有 3 个图像，单击它们时我想分别指向 ourmission.html、ourvalues.html 和 ourvision.html。但这 3 个页面位于页面 ourcompany.html 中的 iframe 内，如下所示:

<aside class="sidebar">
<h4>Our Company</h4>
    <ul class="nav nav-list primary pull-bottom">
        <li><a href="contactus.html"target="conteudo">Contact Us</a></li>
        <li><a href="ourmission.html" target="conteudo">Our Mission</a></li>
        <li><a href="ourvalues.html" target="conteudo">Our Values</a></li>
        <li><a href="ourvision.html"target="conteudo">Our Vision</a></li>

</ul>
</aside>

<iframe src="contactus.html" frameborder='0' name="conteudo" width="700" height="700">
</iframe>

我如何直接指向它们，以便页面 ourcompany.html 将加载特定的 iframe 打开。

Answer 1

如果我对您的理解正确，这可能是您的可能解决方案。我假设您没有为该网站设置服务器。

在你的index.html中，你的图片链接需要修改成这样:

<a href="ourcompany.html?link=ourmission"><img src="" /></a> 
<a href="ourcompany.html?link=ourvalues"><img src="" /></a> 
<a href="ourcompany.html?link=ourvision"><img src="" /></a> 

注意 ourcompany.html 链接之后的 ?link=someValue。这是一个 GET 请求，但您将使用它在页面之间传递数据。

现在，在您的 ourcompany.html 页面中，您需要获取在 ?link= 之后发送的值。所以你需要添加一些Javascript。这是您需要添加到 ourcompany.html 的功能:

function getValue()
{
  // First, we load the URL into a variable
  var url = window.location.href;

  // Next, split the url by the ?
  var qparts = url.split("?");

  // Check that there is a querystring, return "" if not
  if (qparts.length == 0)
  {
    return "";
  }

  // Then find the querystring, everything after the ?
  var query = qparts[1];

  // Initialize the value with "" as default
  var value = "";

   var parts = query.split("=");

   // Load value into variable
   value = parts[1];

  // Convert escape code
  value = unescape(value);

  // Return the value
  return value;
}

现在您可以像这样相应地更改 iframe src 属性:

var link = getValue();
if (link.length){//check if you got a value
    document.getElementByName('conteudo').src = link + ".html";//set the src
}