您的位置：首页 > Web前端 > JavaScript

JavaScript实现Iframe自适应其加载的内容高度

2007-09-20 16:52 633 查看
在使用IFrame的时候经常出现内容高度不符影响页面整体效果，利用JavaScript可以实现Iframe自适应其加载的内容高度．

//main.htm:

<html>

<head>

<meta http-equiv='Content-Type' content='text/html; charset=gb2312' />

<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com' />

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

</head>

<body>

<iframe src="child.htm"></iframe>

</body>

</html>

//child.htm:

<html>

<head>

<meta http-equiv='Content-Type' content='text/html; charset=gb2312' />

<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com' />

<title>iframe 自适应其加载的网页(多浏览器兼容)</title>

</script>

</head>

<body>

<table border="1" width="200" style="height: 400px; background-color: yellow">

<tr>

<td>iframe 自适应其加载的网页(多浏览器兼容，支持XHTML)</td>

</tr>

</table>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航