两段超简单jquery代码解决iframe自适应高度问题(不用判断浏览器高度)

这里介绍两个超级简单的方法,不用写什么判断浏览器高度、宽度啥的。
下面的两种方法自选其一就行了。一个是放在和iframe同页面的,一个是放在test.html页面的。
注意别放错了地方。
iframe的代码中,注意要写ID,没有ID查找不到
<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>

方法一:

//注意:下面的代码是放在test.html调用

$(window.parent.document).find("#main").load(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height()+30;if(thisheigit<700){  thisheight = 700;}
main.height(thisheight);
});

方法二:

//注意:下面的代码是放在和iframe同一个页面调用

$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;

if(thisheigit<700){
  thisheight = 700;}
$(this).height(mainheight); });
时间: 2024-10-07 06:57:30

两段超简单jquery代码解决iframe自适应高度问题(不用判断浏览器高度)的相关文章

jquery库实现iframe自适应内容高度和宽度

javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码! ‍<iframe src="index.php" id="mainiframe" name="mainiframe" width="100%"   frameborder="0" scrolling="no" marginwidth="0" margi

Crypto另外两段加密解密的代码

第一段代码风格-平铺直叙: import sys from Crypto.Cipher import AES from binascii import b2a_hex, a2b_hex class prpcrypt(): def __init__(self, key): self.key = key self.mode = AES.MODE_CBC # 加密函数,如果text不是16的倍数[加密文本text必须为16的倍数!],那就补足为16的倍数 def encrypt(self, text)

类似轮播图的简单jQuery代码

代码和个人解析: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible&

mysql安装到最后一步无响应的问题超简单最有效解决

无论你是安装过还是没安装过,通过此方法都可以解决.之前我的机器和服务器就是都到最后一步卡住,上网搜索方法都无果.后自己尝试了很多次,亲测64位机和32位机都可用!! 首先进入安装目录下,默认是 C:\Program Files\MySQL\MySQL Server 6.0\bin 找到MySQLlnstanceConfig.exe双击打开 无特殊要求一路[NEXT]就可以,这里我只讲解一下重要的地方: 1.此处要修改下端口,我改的3305 2.这里要改下服务名称我在尾部添加了1072四个数字,注

新手有问题想请教一段比较简单的代码

ng04b7贸躺岩钠玫倥<http://weibo.com/p20180413p/230927983155373940674560?9E> 9izkzx母厝背摆拼荡<http://weibo.com/p/230927983040360462688256?=G> nlzs7a岗俣榷净顺窍<http://weibo.com/pp20180413PpP/230927983215387296407552??2O18.04-13=2s> c2t32r到豪春屏召诎<http:

两段关于this的代码

/* * 子类未重写父类方法,通过子类对象调用父类方法,父类方法中的this指向父类对象. */public class 关于this的使用1 { public static void main(String[] args) { Cat cat = new Cat("橘猫"); System.out.println(cat.getName()); }} class Animal{ private String name; public String getName() { return

jquery 实现iframe 自适应高度

超级简单的方法,也不用写什么判断浏览器高度.宽度啥的.下面的两种方法自选其一就行了.一个是放在和iframe同页面的,一个是放在test.html页面的.注意别放错地方了哦.iframe代码,注意要写ID <iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto&quo

js日期格式简单转换代码

js日期格式简单转换代码: 未经修饰的东西总是狂野粗糙的,比如人没有经过良好的教育,这人可能会有各种问题,同样js中的时间格式也是如此,所以要对时间进行一定的格式化操作,下面是一段非常简单的代码实例和大家分享一下. 代码如下: function dateStr(x,y) { var z={ y:x.getFullYear(), M:x.getMonth()+1, d:x.getDate(), h:x.getHours(), m:x.getMinutes(), s:x.getSeconds() }

30段有用的javascript代码

1. 如何区分IE及非IE浏览器 if(!+[1,]){ console.log("这是IE浏览器"): } else{ console.log("这不是IE浏览器"): } <script type="text/javascript"> alert([1,2]);//相当于alert([1,2].toString()); --这在IE与非IE上都相同,都会弹出"1,2" alert([1,]);//相当于aler