Question

我会再次尝试解释：

我的index.html中有3张图片，点击后我想分别指向ourmission.html，ourvalues.html和ourvision.html。但这3页位于mycompany.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

我得到了将以下代码添加到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">

非常感谢那些试图帮助我的人。

Answer 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>

请注意mycompany.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
}

定位到iframe内的页面

2 个答案: