js 怎么判断iframe嵌入页面的总高度 即滚动条所能滚动的高度

js 怎么判断iframe嵌入页面的总高度 即滚动条所能滚动的高度,第1张

<iframe src='insur_shorthtml' id='rev_age' onload='showheight();'></iframe>

<script language=javascript>

function showheight(){

alert(rev_agewindowdocumentbodyscrollHeight)

}

</script>

//获取盒子的内容高度,内容高度也可用用boxclientHeight获取,内容高度不包括边框和外边距和滚动条

var box = documentgetElementById("box")

var contentHeight = windowgetComputedStyle(box)height //输出 '60px'

//js获取移动端屏幕高度和宽度等设备尺寸,兼容性比较好的方法

documentdocumentElementclientWidth;

documentdocumentElementclientHeight;

此外,还可以使用元素的点击事件来获取元素高度等内容。

divscrollHeight

就可以了。

但是这里有个问题,如果内容撑出去了,那么这个scrollHeight就是内容的高度,

如果内容高度没有div的高度高的话,scrollHeight的值就是div的高。

先来一个浏览器窗口大小改变的事件,用来查看浏览器窗口的大小被改变可以触发一些函数

windowonresize 浏览器窗口大小改变事件

在写js的时候偶尔需要获取各种高度,比如;浏览器高度,页面高度,滚动高度等。

(不加边线):

网页可见区域的高度和宽度(加边线):

以上就是关于js 怎么判断iframe嵌入页面的总高度 即滚动条所能滚动的高度全部的内容,包括:js 怎么判断iframe嵌入页面的总高度 即滚动条所能滚动的高度、2021-07-11【技术】js获取各种高度的方法、js 或jquery 怎么获取div的scrollHeight等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/web/9643098.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存