我有在身体像这样的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页面加载或从第一菜单链接再次上膛,我已经寻找小时,没有能够找到一个答案如何。
只需添加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>