您的位置：首页 > 运维架构 > 网站架构

像某些大网站一样，网页顶部标题不变，只动态刷新子窗体

2006-11-01 16:47 351 查看

最近做一个网站，因为头部菜单栏都是一样的嘛，所以想实现跟标题一样的效果。开始我想到的就是框架，具体实施的时候发现不行，上下两部分不能很好的结合。CSDN上问，看到一个网友的问题跟我类似，有人提示用div和iframe实现，可惜没给出具体方法。只能自己查资料，最后终于搞定呵呵。

这里面除了div和iframe之外，还需要一段自适应高度的教本。div层就是放网页顶部的菜单栏，iframe部分是子窗体。我把主页的代码复制如下：

<html>
<head>
<title>iframe自适应加载的页面高度</title>

<script language="Javascript">
var getFFVersion=navigator.userAgent.substring

(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0

function dyniframesize(iframename) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(iframename);
}
else{
eval('pTar = ' + iframename + ';');
}
if (pTar && !window.opera){
//begin resizing iframe
pTar.style.display="block"

if (pTar.contentDocument &&

pTar.contentDocument.body.offsetHeight){
//ns6 syntax
pTar.height =

pTar.contentDocument.body.offsetHeight+FFextraHeight;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
</script> </head>

<body>
<div class="phdn" align=center>
<a href="#" target="main">资讯首页</a>
|
<a href="child1.htm" target="main">财经</a>
|
<a href="child2.htm" target="main">体育</a>
|
<a href="child3.htm" target="main">娱乐</a>
|
<a href="child4.htm" target="main">汽车</a>
|
<a href="child5.htm" target="main">房产</a>
|
<a href="child6.htm" target="main">科技</a>
|
<a href="child7.htm" target="main">访谈</a>
|
<a href="child8.htm" target="main">旅游</a>
|
<a href="child9.htm" target="main">社会</a>
|
<a href="child10.htm" target="main">社区</a>
</div>
<iframe id="myTestFrameID" name="main" onload="javascript:{dyniframesize('myTestFrameID');}"
marginwidth=0 marginheight=0 frameborder=0 scrolling=no src="child1.htm" width=100% ></iframe>

</body></html>

child.htm就是需要替换的子窗体。

其实用,得方法也可以，多掌握种办法也是有好处的吧。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航