本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法。分享给大家供大家参考,具体如下:方式1://注意:下面的代码是放在和iframe同一个页面中调用
$("#iframeId").load(function() {var mainheight = $(this).contents().find("body").height() + 30;$(this).height(mainheight);
});方式2://注意:下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#iframeId").load(function() {var main = $(window.parent.document).find("#iframeId");var thisheight = $(document).height() + 30;main.height(thisheight);

jQuery简单实现iframe的高度根据页面内容自适应的方法(转)相关推荐

  1. jquery 动态加载html,jQuery – 动态创建iframe并加载页面

    [html] /** 弹出iframe页面(iframe后面会添加灰色蒙版) **/ function showIframe(url,w,h){ //添加iframe var if_w = w; va ...

  2. html自适应+手机宽度和高度,手机页面宽度自适应

    最近在做手机app页面的制作.看着蛮简单的页面,没想到需要注意的细节也是蛮多的.首先要考虑的问题就是,手机屏幕不一样,页面显示可能有偏差.那怎么才能做到每个手机宽度是自适应的呢?除了需要考虑最大宽度和 ...

  3. jQuery实现滚动时动态加载页面内容

    有些网站的网页内容不是一次性加载完毕的,而是在鼠标向下滚动时动态加载的,这是怎么做到的呢?看下面代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 ...

  4. html中页面缩放为何不居中,浏览器窗口放大缩小后页面内容居中解决方法

    先说下简单的思路: 1.获得窗口的大小,高度,宽度. 2.要知道显示的图片(我这里用图片举例)的大小,宽,高.(我的图片显示设置为 宽:960,高600 ) 3.简单算法,获得的浏览器宽,高 减去 图 ...

  5. jqprint 分页打印_利用jqprint插件打印页面内容的实现方法

    {"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...

  6. (转)基于Metronic的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作...

    http://www.cnblogs.com/wuhuacong/p/5147368.html 在前面介绍了很多篇相关的<Bootstrap开发框架>的系列文章,这些内容基本上覆盖到了我这 ...

  7. html页面根据分辨率缩放,html2Canvas根据不同分辨率,生成pdf内容自适应

    根据屏幕大小不同,页面内容自适应并一页展示,应该如何实现 // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import JsPDF from ' ...

  8. html小知识之使页面内容整体居中(水平居中或垂直居中)

    1.页面内容水平居中的办法, 方法一: ①最外层的div设定它最大的宽度为1200px(可根据情况调整) ②最外层div样式设置为,margin-left:auto;margin-right:auto ...

  9. iframe框架页面实现自适应高度解决方案

    经常会有父页面需要通过iframe嵌入另一个子页面,又要适时根据子页面的高度调整父页面中iframe的高度,这就要求 页面必须具有自适应功能.自适应思想比较简单:就是父页面中iframe高度必须要适时 ...

最新文章

  1. Gradle 将项目publish到Nexus,Kotlin将项目发布到nexus,springboot项目发布到maven仓库
  2. 模型可视化_20210208
  3. autoware中lgsvl Simulator安装与使用:LGsvl Simulator 2021.2.1版(九)
  4. iptables防火墙(二)
  5. Java实现BASE64编解码
  6. Python高手必读,做一个精通规则的玩家
  7. python怎样打开加密的文件_如何在Python中解密OpenSSL AES加密的文件?
  8. JS基础语法(04)-逗号运算符
  9. 移动端(H5)弹框组件--简单--实用--不依赖jQuery
  10. 【LeetCode】48. Rotate Image (2 solutions)
  11. 计算机病毒小学教师资格证面试,小学信息技术人教版四年级上册第15课《病毒防治及时做》优质课公开课教案教师资格证面试试讲教案...
  12. (Java 多线程系列)java synchronized详解
  13. 常见的几种python字符串方法总结
  14. 已设置的指纹解锁怎样解除_指纹锁哪个牌子更好用?
  15. codefroces204A - Little Elephant and Interval 数位DP
  16. php 向文件夹中添加HTML文件,批量向html中插入内容
  17. sizeof,真正终结版GCC与VC
  18. Tensorflow2梯度带tape.Gradient的用法_(全面,深入)
  19. 『提醒自己』-自身遗忘掉的知识1
  20. 无线网为何显示无法上网络连接服务器,wlan显示已连接不可上网怎么办_wlan显示已连接但无法访问互联网怎么解决...

热门文章

  1. 深度洞悉2017企业IT三大关注焦点
  2. shiro整合oauth
  3. 构建基于Chromium的应用程序(Winform程序加载Html页面)
  4. 将博客搬至51CTO
  5. Jquery 之Ajax方法$.get() 的运用,扩展链接模型的天地
  6. 山有木兮木有枝,心悦君兮君不知
  7. OC封装的轮播图-只用调用即可
  8. 企业域名更换操作系列1:为什么要进行域名更换及更换需要注意事项
  9. 欧盟剑指科技巨头,意欲上调税款
  10. SuperMap iDesktop Cross 8C 开源桌面GIS下载与扩展开发