2

我将尝试再次解释：

我的 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 的情况下加载。

4

2 回答 2

2

我得到了将以下代码添加到 iframe 所在页面的解决方案：

<script>
window.onload = function loadIframe(){ 
if (location.search.length > 0){ 
url = unescape(location.search.substring(1))

window.frames["iframe-name"].location=url 
} 
} 
</script>

并使用 href 作为：

<a href="iframe-page.html?specific-iframe.html">

非常感谢所有试图帮助我的人。

于 2013-06-29T18:09:55.477 回答
2

如果我对您的理解正确，这对您来说可能是一个可能的解决方案。我假设您没有在网站上设置服务器。

在您的 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>

请注意?link=someValueourcompany.html 链接后面的内容。这是一个 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;
}

现在您可以像这样相应地更改 iframesrc属性：

var link = getValue();
if (link.length){//check if you got a value
    document.getElementByName('conteudo').src = link + ".html";//set the src
}
于 2013-06-28T13:12:54.413 回答