分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

html中iframe根据子页面内容动态修改高度

发布时间:2023-09-06 01:45责任编辑:郭大石关键词:暂无标签

JavaScript

var browserVersion = window.navigator.userAgent.toUpperCase();var isOpera = browserVersion.indexOf("OPERA") > -1 ? true : false;var isFireFox = browserVersion.indexOf("FIREFOX") > -1 ? true : false;var isChrome = browserVersion.indexOf("CHROME") > -1 ? true : false;var isSafari = browserVersion.indexOf("SAFARI") > -1 ? true : false;var isIE = (!!window.ActiveXObject || "ActiveXObject" in window);var isIE9More = (! -[1, ] == false);function reinitIframe(iframeId, minHeight) { ???try { ???????var iframe = document.getElementById(iframeId); ???????var bHeight = 0; ???????if (isChrome == false && isSafari == false) ???????????bHeight = iframe.contentWindow.document.body.scrollHeight; ???????var dHeight = 0; ???????if (isFireFox == true) ???????????dHeight = iframe.contentWindow.document.documentElement.offsetHeight + 2; ???????else if (isIE == false && isOpera == false) ???????????dHeight = iframe.contentWindow.document.documentElement.scrollHeight; ???????else if (isIE == true && isIE9More) {//ie9+ ???????????var heightDeviation = bHeight - eval("window.IE9MoreRealHeight" + iframeId); ???????????if (heightDeviation == 0) { ???????????????bHeight += 3; ???????????} else if (heightDeviation != 3) { ???????????????eval("window.IE9MoreRealHeight" + iframeId + "=" + bHeight); ???????????????bHeight += 3; ???????????} ???????}else//ie[6-8]、OPERA ???????????bHeight += 3; ???????var height = Math.max(bHeight, dHeight); ???????if (height < minHeight) height = minHeight; ???????iframe.style.height = height + "px"; ???} catch (ex) { }}function startInit(iframeId, minHeight) { ???eval("window.IE9MoreRealHeight" + iframeId + "=0"); ???window.setInterval("reinitIframe(‘" + iframeId + "‘," + minHeight + ")", 100);}var minHeight = $(window).height();startInit(‘contents‘, minHeight);

有个问题待解决:去除了左右padding的值

html中iframe根据子页面内容动态修改高度

原文地址:https://www.cnblogs.com/xiaobaizhiqian/p/8573876.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved