`
xutao5641745
  • 浏览: 226623 次
  • 性别: Icon_minigender_1
  • 来自: 汨罗
社区版块
存档分类
最新评论

JQuer 让IFrame 自适应高度

 
阅读更多

之前只能在页面刷新后,才能让IFrame高度自适应。

代码如下:

 

$("#sse_content").find("iframe").each(function(){
				
					var ih = parseInt($(this).contents().height());
					$(this).height(ih);
				
			});

 在修改IFrame的URL或者用脚本 添加一个IFrame时,高度总是自适应不了。

 

这个问题主要原因出自于我的粗心:

 

其实只需要将我上面的代码稍微改造一下,便可。

 

$("#sse_content").find("iframe").each(function(){
				$(this).load(function(){
					var ih = parseInt($(this).contents().height());
					$(this).height(ih);
				});
			});
 

也许你发现了,加了一个load事件。

 

分享到:
评论

相关推荐

    jquery对iframe自适应高度插件

    为了解决这个问题,`jQuery`提供了一个专门的插件——"jquery对iframe自适应高度插件"。 这个插件是专门为了解决`iframe`高度自适应的问题而设计的,它允许`iframe`根据其内部内容自动调整高度,确保用户无需滚动就...

    iframe自动适应高度(完美自适应高度嵌套代码),兼容目前主流浏览器。

    标题提到的“iframe自动适应高度(完美自适应高度嵌套代码)”提供了一个解决方案,它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度,包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...

    基于jquery的兼容各种浏览器的iframe自适应高度的脚本

    在探讨“基于jQuery的兼容各种浏览器的iframe自适应高度的脚本”这一主题时,我们首先需要理解几个关键概念:iframe、自适应高度以及jQuery。 ### 1. iframe概述 iframe,即Inline Frame,是HTML中一个用于在当前...

    再谈iframe自适应高度

    "再谈iframe自适应高度"这个主题,关注的是如何使iframe的内容区域根据所加载页面的高度自动调整,以避免滚动条出现或者内容被截断的问题。在网页设计中,尤其是在构建响应式布局时,这是一个非常关键的优化点。 1....

    iframe自适应高度demo

    `iframe`的自适应高度是一项关键技术,它确保了嵌入的内容能够完全显示,避免滚动条的出现,从而提供更好的用户体验。 `iframe`的基本语法如下: ```html <iframe src=...

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

    这种方法通过结合iframe的实时高度获取和jQuery的Ajax事件处理机制,有效地解决了iframe在内容动态加载时的高度自适应问题,提高了Web应用的用户体验和界面的一致性。在具体的实现过程中,开发人员需要确保相关函数...

    iframe自适应高度的简单解决办法

    在网页设计中,`iframe`(Inline Frame)是一种嵌入其他网页或内容的标签,它允许我们在一个页面中展示多...通过下载提供的`iframe自适应高度.doc`文档,你可以得到更详细的步骤和解释,以便更好地理解和应用这些技术。

    JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)

    jQuery的iframe高度自适应解决方案通常涉及到监听iframe的“load”事件,当iframe内容加载完成后,获取其实际内容高度并设置为iframe的height属性。这种方法可以确保iframe始终能完全显示其内部内容,避免滚动条的...

    iframe根据页面内容自适应高度和宽度

    为了解决这个问题,我们需要让`iframe`根据其内容自动调整高度和宽度。本篇文章将详细探讨如何实现`iframe`根据页面内容自适应高度和宽度。 首先,我们需要理解`iframe`的基本结构。一个简单的`iframe`标签如下: ...

    教你用jquery实现iframe自适应高度

    jquery代码一: 代码如下://注意:下面的代码是放在test.html调用 $(window.parent.document).find(“#main”).load(function(){ var main = $(window.parent.document).find(“#main”); var thisheight = $...

    用jquery实现iframe高度自适应实例代码完美兼容多数浏览器

    本篇文章将深入讲解如何使用jQuery来解决`iframe`高度自适应的问题,并且确保代码在多数浏览器中都能完美运行。 首先,我们了解`iframe`的基本概念。`iframe`(Inline Frame)是HTML中的一个元素,用于在当前文档中...

    iframe自适应高度 .txt

    ### iframe自适应高度知识点详解 #### 一、概述 在网页设计与开发中,`<iframe>`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。随着响应式设计的需求日益增加,如何使`<iframe>`内...

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

    关于实现iframe自适应高度和宽度的内容,可以使用原生JavaScript和jQuery库两种方式来完成。下面将详细解释使用这两种技术的实现方法及代码示例。 ### 使用原生JavaScript实现iframe自适应高度和宽度 要使用原生...

    iframe自适应高度

    然而,`iframe` 的高度问题经常困扰着开发者,尤其是在内容动态变化时,如何让`iframe`自适应其内容的高度,避免出现滚动条或者内容被截断的问题呢。本篇文章将深入探讨`iframe`自适应高度的解决方案,并结合实际...

    Iframe 高度自适应浏览器高度

    标题“Iframe 高度自适应浏览器高度”涉及的核心知识点是如何让Iframe的大小根据其内容自动调整,特别是高度,以便始终保持与浏览器窗口的高度同步,从而提供更好的用户体验。 首先,我们需要了解Iframe的基本结构...

    iframe 自适应高度

    这就是所谓的“iframe自适应高度”问题,我们需要解决让`iframe`的高度自动适应其内部内容高度。 首先,理解`iframe`的基本结构是必要的。`iframe`标签的基本用法如下: ```html <iframe src=...

Global site tag (gtag.js) - Google Analytics