Question

我有一个index.html页面，主体中有一个iframe，如下所示：

<iframe id=content name=content src="#content"></iframe>

src（位置，大小等）在index.html的头部定义为：

#content {
position: relative;
top: 0;
left: 0;
border: 0;
height: 800px;
width: 80%;  
}

并通过调用单独的网页定位iframe将内容加载到iframe中 - 让我们从index.html正文中的菜单中调用它们，就像这样

<ul>
<li> <a href="index.html"><img src="imgs/home.gif"></a> </li>
<li> <a href="page1.html" target="content">Page 1</a> </li>
<li> <a href="page2.html" target="content">Page 2</a> </li>
</ul>

第一个链接用于重新加载整个网站并且不显示tekst，而是显示来自imgs子菜单的整洁home.gif图像。

在旧的时候有一个菜单或顶部框架在内容框架中加载不同的页面。

这很好用，但是当内容首先通过点击其他菜单链接之一放入iframe时，iframe在加载自己的index.html页面时没有内容。我想要一个页面 - 当加载index.html页面或从第一个菜单链接重新加载时，我们将其称为default.html加载到iframe中，我搜索了几个小时而无法找到答案。< / p>

Answer 1

只需添加onclick即使是HREF链接;第1页和第2页

onClick：

＆＃13;

$(document).ready(function(){
 $("#hPage1").click(function(){
  document.getElementById("iframename").src="page1.html";  
 });
});

＆＃13;

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<p><a id="hPage1" href="#" >page1</a></p>
<iframe id="iframename" src="/"></iframe>

＆＃13;

参见工作示例：http://jsfiddle.net/vinokurov/gat5y20z/

更改iframe的内容

1 个答案: