更改iframe的内容

问题描述 投票:0回答:1

我有在身体像这样的iframe的index.html页面:

<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 - 让我们称之为第1和第2页 - 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通过点击其他菜单链接一个有加载index.html页面就自当是在iframe没有内容。我想一个网页 - 让叫它default.html中装入IFRAME当index.html页面加载或从第一菜单链接再次上膛,我已经寻找小时,没有能够找到一个答案如何。

html iframe
1个回答
0
投票

只需添加onclick事件的HREF链接; 1和Page 2

的onClick:

$(document).ready(function(){
 $("#hPage1").click(function(){
  document.getElementById("iframename").src="page1.html";  
 });
});
<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>

看到工作示例:http://jsfiddle.net/vinokurov/gat5y20z/

© www.soinside.com 2019 - 2024. All rights reserved.