jquery iframe自适应高度代码(浏览器兼容)

jquery 代码一

$("#ipersonalinfo").load(function() {
$(this).height($(this).contents().height());
})

 

代码 二

<script type=”text/网页特效”>
//iframe 自适应高度
function setcwinheight(){
var bobo=document.getelementbyid(”main”); //iframe id
if (document.getelementbyid){
if (bobo && !window.opera){
if (bobo.contentdocument && bobo.contentdocument.body.offsetheight){
bobo.height = bobo.contentdocument.body.offsetheight;
}else if(bobo.document && bobo.document.body.scrollheight){
bobo.height = bobo.document.body.scrollheight+30;
//alert(document.getelementbyid(”amdright”).style.width);
}
}
}
}
</script>
<iframe id=”main” name=”main” src=”main.php教程” scrolling=”no” width=”100%” frameborder=”0′ onload=”setcwinheight()”></iframe>

方法二

<script type="text/javascript">
function resizecontent()
{
       $(window.parent.document).find("#if1").height($("#content").height());
}

function show400()
{
       if($("#test400").css教程("display") == "none")
       {
              $("#test400").css("display","");
              resizecontent();
       }
       else
       {
              $("#test400").css("display","none");
              resizecontent();
       }
}
$(document).ready(function(){
       resizecontent();
})
</script>

时间: 2024-09-30 04:30:51

jquery iframe自适应高度代码(浏览器兼容)的相关文章

JS实现iframe自适应高度的方法(兼容IE与FireFox)_javascript技巧

本文实例讲述了JS实现iframe自适应高度的方法.分享给大家供大家参考,具体如下: 之前一直被iframe自适应高度的问题困扰,很多JS代码在FF里面似乎就变成哑巴了.后来下面这段代码终于被我从万千号称兼容FF的代码堆中翻了出来.我已经用过了,真的好用.尤其是对于我这样的JS水平较低(真不好意思)的人来说,这段代码简单易懂,方便修改,只要把下面的代码复制粘贴到iframe所在页面的<body>标签里面,并且修改一下ID名就行了(注意,要修改的地方有两个,位置在代码中有说明). 向原创这段代码

jquery实现iframe自适应高度代码

iframe框架高度自适应功能在以前我们都是利用js来实现,现在有了jquery控制可以快速实现,下面来看实现有需要的朋友可以看看. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1

[转]目前找到的最好的Iframe自适应高度代码_经验交流

注:onload字段中的数值"200"为设置的Iframe最低高度值! 当然iframe,html要在同一子域下才可以,否则警告没有权限. <iframe src="iframe.html" name="iframe" id="iframe" allowtransparency="true" align="default" marginwidth="0" mar

兼容主流浏览器的iframe自适应高度js脚本

 兼容主流浏览器的 iframe 自适应高度,很实用的,具体的js脚本如下,感兴趣的朋友可不要错过  兼容主流浏览器的 Iframe 自适应高度,js脚本如下:   代码如下: //iframe 高度自适应  function iframeAutoFit(iframeObj) {  setTimeout(function () {  if (!iframeObj) return;  iframeObj.height = (iframeObj.Document ? iframeObj.Docume

兼容主流浏览器的iframe自适应高度js脚本_javascript技巧

兼容主流浏览器的 Iframe 自适应高度,js脚本如下: 复制代码 代码如下: //iframe 高度自适应 function iframeAutoFit(iframeObj) { setTimeout(function () { if (!iframeObj) return; iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.bod

使用jQuery不判断浏览器高度解决iframe自适应高度问题_jquery

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

jquery ajax应用中iframe自适应高度问题解决方法_javascript技巧

iframe自适应高度本身是很简单的方法,就是在页面加载完成后,重新计算一下高度即可. 代码如下: 复制代码 代码如下: //公共方法:设置iframe的高度以保证全部显示数据//function SetPageHeight() {//    var iframe = getUrlParam('ifname');//    var myiframe = window.parent.document.getElementById(iframe);//     iframeLoaded(myifra

javascript原生和jquery库实现iframe自适应高度和宽度_jquery

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

经典的iframe自适应高度方法总结

iframe高度自适应 iframe高度自适应是一个很老的话题.html5虽然已经将frame 框架给废弃,但是iframe这个标签还是存在的.假如有同学不了解frame和iframe的区别,可以看我之前的文章:html框架之iframe和frame及frameset的相关属性介绍. 虽然现在iframe在项目中已经很少出现了,但是有些项目迫不得已,还是会用到iframe.近期遇到一个案例,就用到了iframe. 基本案例如下: 由于手机浏览器预览PDF不是很好,因此,将手机上预览PDF改成预览