同域下: //注意:下面的代码是放在和iframe同一个页面中调用 $("#myiframe").load(function () { var myiframeH = $(this).contents().find("body").height() + 30 ...
本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法。分享给大家供大家参考,具体如下: 方式 : 注意:下面的代码是放在和iframe同一个页面中调用 iframeId .load function var mainheight this .contents .find body .height this .height mainheight 方式 : 注意:下面的代码是 ...
2016-12-01 14:56 1 5701 推荐指数:
同域下: //注意:下面的代码是放在和iframe同一个页面中调用 $("#myiframe").load(function () { var myiframeH = $(this).contents().find("body").height() + 30 ...
javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码! <iframe src="index.php" id="mainiframe" name="mainiframe" width="100%" frameborder ...
方式1: 0 注意:下面的代码是放在和iframe同一个页面中调用 1 //$( "#iframeId" ).load( function () { 2 var ...
(因为要根据内容自适应高度); 然后再处理,当屏幕发生改变时,在子页面汇总调用父页面汇总的这个方法; ...
我们知道,iframe最大的问题,就是高度的问题,如果你内容的高度是变化,要么你就给你的容器写个固定的高度,如果内容是未知的,显然这个方法并不能达到我们的想要的效果,要么就是通过js来解决这个问题。 以下是我测试的两个页面示例: 1、未自适应的界面 我们可以看到,这个页面显然是 ...
经典代码 iFrame 自适应高度,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。 很古老的方法: 下面的两种Jquery方法选择一种即可,很简单,不用判断浏览器高度、宽度等。 jquery代码1: jquery代码 ...