JS 设置 IFRAME 高度 随其内容改变而改变(两种情况：初始化时,与初始化后)
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<script type="text/javascript"> function SetWinHeight(obj)
{ var win=obj; if (document.getElementById) {
if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight; else if(win.Document && win.Document.body.scrollHeight) win.height = win.Document.body.scrollHeight; } } }
function SetWinHeight(obj) { var win=obj; if (document.getElementById) {
if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight)
}
这个函数不多说了，用的地方少。项目要求不严，就只兼容了下 ie 。小小的偷了下懒。
嗯。再来个例子 综合下两个函数。 a.html 源码： <html> <body> <iframe src=”b.html” frameborder="0" onload="SetWinHeight(this) " scrolling="no"> </iframe>
js设置div高度js设置高度js设置控件高度js刷新iframejs获取iframejs设置页面的高度jsiframejsiframesrcjsiframe父窗口js操作iframe
Js 设置 iframe 高度 随其内容改变而改变
（两种情况：初始化时，与初始化后）
一、初始化时：调用函数。 此时，iframe 通过 onload 事件加载此函数。
</body> </html>
So that’s all.
这个函数需要注意 offsetHeight 与 scrollHeight 在各浏览器下的区别。
二、 初始化后：调用函数
function setIframe(){ var aa=window.top.document.getElementById("iframe1"); if(aa!=undefined&&aa!=null){ aa.height=document.body.scrollHeight; }
win.height = win.contentDocument.body.offsetHeight; else if(win.Document && win.Document.body.scrollHeight) win.height = win.Document.body.scrollHeight; } } }
</sΒιβλιοθήκη ript></body> </html>
b.html 源码： <html> <body> <button onclick=” setIframe()” />
<script type="text/javascript"> function setIframe(){
var aa=window.top.document.getElementById("iframe1"); if(aa!=undefined&&aa!=null){ aa.height=document.body.scrollHeight; } } </script>
{ var win=obj; if (document.getElementById) {
if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight; else if(win.Document && win.Document.body.scrollHeight) win.height = win.Document.body.scrollHeight; } } }
function SetWinHeight(obj) { var win=obj; if (document.getElementById) {
if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight)
}
这个函数不多说了，用的地方少。项目要求不严，就只兼容了下 ie 。小小的偷了下懒。
嗯。再来个例子 综合下两个函数。 a.html 源码： <html> <body> <iframe src=”b.html” frameborder="0" onload="SetWinHeight(this) " scrolling="no"> </iframe>
js设置div高度js设置高度js设置控件高度js刷新iframejs获取iframejs设置页面的高度jsiframejsiframesrcjsiframe父窗口js操作iframe
Js 设置 iframe 高度 随其内容改变而改变
（两种情况：初始化时，与初始化后）
一、初始化时：调用函数。 此时，iframe 通过 onload 事件加载此函数。
</body> </html>
So that’s all.
这个函数需要注意 offsetHeight 与 scrollHeight 在各浏览器下的区别。
二、 初始化后：调用函数
function setIframe(){ var aa=window.top.document.getElementById("iframe1"); if(aa!=undefined&&aa!=null){ aa.height=document.body.scrollHeight; }
win.height = win.contentDocument.body.offsetHeight; else if(win.Document && win.Document.body.scrollHeight) win.height = win.Document.body.scrollHeight; } } }
</sΒιβλιοθήκη ript></body> </html>
b.html 源码： <html> <body> <button onclick=” setIframe()” />
<script type="text/javascript"> function setIframe(){
var aa=window.top.document.getElementById("iframe1"); if(aa!=undefined&&aa!=null){ aa.height=document.body.scrollHeight; } } </script>