分享web开发知识

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

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

简单实现iframe的高度根据页面内容自适应(jQuery方式)

发布时间:2023-09-06 01:38责任编辑:蔡小小关键词:jQuery自适应

这篇文章主要介绍了简单实现iframe的高度根据页面内容自适应(jQuery方式),以及在ie浏览器下的相关问题

方式一:

//注意:下面的代码是放在和iframe同一个页面中调用$("#iframeId").load(function () { ???var mainheight = $(this).contents().find("body").height() + 30;
  //ie下,会出现页面每点击一次,增加一次高度,谷歌没问题 ???$(this).height(mainheight);});

方式二:

//注意:下面的代码是放在iframe引用的子页面中调用$(window.parent.document).find("#iframeId").load(function () { ???var main = $(window.parent.document).find("#iframeId"); ???var thisheight = $(document).height() + 30;

//ie下,会出现页面每点击一次,增加一次高度,谷歌没问题
main.height(thisheight); });

简单实现iframe的高度根据页面内容自适应(jQuery方式)

原文地址:https://www.cnblogs.com/gjscool/p/8327494.html

知识推荐

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