百度谷歌了一番,找到的代码,经过测试后都不奏效。
以下是普通的代码,不会根据内容来调整iframe的高度。<html>
<body>
<iframe id="main_frame" frameborder="0" scrolling="no" width="100%" src="http://baidu.com"></iframe>
</body>
</html>要求就是:
让iframe的高度自动适应内容的高度.
以下是普通的代码,不会根据内容来调整iframe的高度。<html>
<body>
<iframe id="main_frame" frameborder="0" scrolling="no" width="100%" src="http://baidu.com"></iframe>
</body>
</html>要求就是:
让iframe的高度自动适应内容的高度.
这么写:
<iframe id="main_frame" frameborder="0" onload="iframeFitHeight(this);" scrolling="no" width="100%" src="http://baidu.com"></iframe>
function iframeFitHeight(oIframe) {
//Iframe窗口自适应高度 兼容IE6.0 FF2.0以上
try {
var oWin = oIframe.name ? window.frames[oIframe.name] : oIframe.contentWindow;
oIframe.style.height = oWin.document.body.scrollHeight + "px";
} catch(e){}
}
<head>
</head>
<body>
<iframe id="main_frame" frameborder="0" onload="iframeFitHeight(this);" scrolling="no" width="100%" src="http://baidu.com"></iframe>
<script type="text/javascript">
function iframeFitHeight(oIframe) {
//Iframe窗口自适应高度 兼容IE6.0 FF2.0以上
try {
var oWin = oIframe.name ? window.frames[oIframe.name] : oIframe.contentWindow;
oIframe.style.height = oWin.document.body.scrollHeight + "px";
} catch(e){}
}
</script>
</body>
</html>
http://adf.ly/1583326/banner/http://baidu.com
可以借鉴一下代码。
主网页里放置导航菜单,并使用iframe;点击主网页的导航菜单中的链接,iframe里就会显示相应的子网页;
但是,按F5后,会回到初始页面;
直接通过网址访问指定页面的话,主网页的导航菜单和播放器就没了。
要解决这个问题,貌似要写PHP之类的程序,根据网址,让主网页中的iframe显示相应子网页。
如果不要背景音乐的话,也就没这些问题了;
但是,每个子网页都要贴上导航菜单的代码,想修改导航菜单的代码,每个子网页也都要手动修改。