iframe高度自适应

xiaoxiao2021-02-28  100

function changeFrameHeight(){ var ifm= document.getElementById("iFrame1"); //iframe标签的id ifm.height=window.innerHeight|| document.documentElement.clientHeight || document.body.clientHeight; }

// 窗口或框架被调整大小时发生

window.onresize=function(){ changeFrameHeight(); }

有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari: window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5: document.documentElement.clientHeight document.documentElement.clientWidth 或者 document.body.clientHeight document.body.clientWidth


实用的 JavaScript 方案(涵盖所有浏览器):

var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
转载请注明原文地址: https://www.6miu.com/read-70355.html

最新回复(0)