本文介绍了如何解决同域的1.html页面通过iframe嵌入2.html时，实现iframe高度自适应，避免滚动条出现的问题。提供两种方法：1. 父页面（1.html）通过JS监听iframe的load事件，获取并设置高度；2. 子页面（2.html）在window.onload后计算高度，通知父页面调整iframe高度。这两种方法都能确保iframe内容高度与实际内容匹配。
- 引子
- 父页面里控制子页面
- 子页面里控制父页面
一、引子
我们先看一个示例，有两个页面，1.html通过iframe嵌入2.html，两个页面都是同域的
1.html
|
1
2
3
4
5
6
7
8
9
10
|
<!DOCTYPE html>
<html>
<head>
<meta charset=
'utf-8'
/>
<title>1.html</title>
</head>
<body>
<iframe id=
"ifr"
src=
"2.html"
frameborder=
"0"
width=
"100%"
></iframe>
</body>
|
最低0.47元/天 解锁文章
743
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
