`

js iframe

    博客分类:
  • js
阅读更多

IFrame自动改变大小 :

 

方法一:(较通用)
<script language="Javascript">
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0
function dyniframesize(iframename) {
  var pTar = null;
  if (document.getElementById){
    pTar = document.getElementById(iframename);
  }
  else{
    eval('pTar = ' + iframename + ';');
  }
  if (pTar && !window.opera){
    //begin resizing iframe
    pTar.style.display="block"
    
    if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
      //ns6 syntax
      pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
    }
    else if (pTar.Document && pTar.Document.body.scrollHeight){
      //ie5+ syntax
      pTar.height = pTar.Document.body.scrollHeight;
    }
  }
}
</script>

<iframe id="myTestFrameID"
onload="javascript:{dyniframesize('myTestFrameID');}"
marginwidth=0 marginheight=0 frameborder=0
scrolling=no src="/myiframesrc.php"
width=200 height=100></iframe>方法二:(较简便)
<IFRAME id=headlogin marginWidth=0  marginHeight=0 src="xxx" frameBorder=0 width=100% scrolling=no height=25onload="this.height=this.contentWindow.document.body.scrollHeight"></IFRAME>

分享到:
评论

相关推荐

    js iframe 打印 打印预览 页眉页脚的设置

    在JavaScript(JS)中,利用iframe进行打印和打印预览是常见的需求,特别是在网页开发中。这个场景下,我们可能需要自定义页眉和页脚,以提供更专业的打印效果。下面将详细介绍如何通过JS实现这个功能。 首先,我们...

    js iframe 方法及元素相互调用

    在JavaScript(JS)中,`iframe`是一种非常有用的元素,它允许我们在一个页面中嵌入另一个页面。这种技术常用于加载外部内容、实现页面部分刷新、或者在不同域之间进行跨域通信。本文将深入探讨如何使用JS与`iframe`...

    js实现iframe自适应高度

    本文将详细讲解如何使用JavaScript实现`iframe`自适应高度的解决方案,确保在各种主流浏览器中都能正常工作。 首先,理解`iframe`的基本结构和属性是至关重要的。`iframe`标签通常包含`src`属性,用于指定要加载的...

    javascript iframe parent?

    JavaScript中的iframe和parent之间的交互是Web开发中一个重要的知识点,特别是在构建复杂的网页应用或实现跨域通信时。本文将深入探讨这个主题,并结合标签“源码”和“工具”,给出实际应用示例。 首先,iframe...

    js调用-嵌入iframe

    综上所述,"js调用-嵌入iframe"涉及到的主要知识点包括IFrame的基本使用、JavaScript与IFrame的交互以及测试中的注意事项。理解并掌握这些内容,对于网页开发尤其是动态内容加载和页面组件的复用具有重要意义。

    捕捉IFrame SRC改变事件

    - JavaScript函数`showBPage()`和`showAPage()`分别用于修改`&lt;iframe&gt;`的`src`属性。 - **a.html**: - 在头部通过`&lt;script&gt;`标签定义了`onbeforeunload`事件处理程序。当用户试图离开该页面时,会弹出一个确认...

    基于js的iframe 可关闭tab标签组件使用方法

    在网页开发中,JavaScript(js)经常被用来增强用户体验,特别是在构建动态交互式的用户界面时。本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中...

    js 实现iframe 之间传值

    JavaScript遵循同源策略,这意味着来自不同源(协议+域名+端口)的`iframe`之间默认无法通过JavaScript进行通信。为了解决这个问题,我们可以利用`window.postMessage()`方法,它允许跨域通信。 2. `window.post...

    JavaScript实现IFrame子窗口调用父窗口的全局变量

    JavaScript实现IFrame子窗口调用父窗口的全局变量

    javascript动态调整iframe高度

    总之,`javascript`动态调整`iframe`高度的核心在于获取`iframe`内容的实际高度,并将其设置为`iframe`元素的`height`属性。通过正确处理同源策略和跨域通信,我们可以确保无论`iframe`内容如何变化,都能保持页面...

    js 实现 动态添加iframe框架

    js 实现 动态添加iframe框架! 值得下载看看!资源免费,大家分享!!

    Javascript iframe交互并兼容各种扫瞄器的解决方法_.docx

    ### JavaScript iframe 交互并兼容各种浏览器的解决方法 #### 概述 在Web前端开发过程中,经常需要用到`iframe`(Inline Frame)元素来嵌入其他网页或其他内容。然而,在使用`iframe`进行内外交互时,不同的浏览器...

    JS获取iframe内容【简化版】

    本文将详细介绍如何通过JavaScript(简称JS)来获取一个内嵌在当前页面中的iframe的内容。这种方法特别适用于那些需要动态加载或更新iframe内部数据的应用场景。我们将从基本原理出发,逐步深入到具体的实现细节,并...

    JS 获取iframe高度的静动态方法

    在JavaScript(JS)中,获取iframe(内联框架)的高度是一项常见的需求,特别是在构建富互联网应用或嵌入第三方内容时。下面将详细讲解如何静态和动态地获取iframe的高度。 一、静态获取iframe高度 1. **DOM属性...

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

    总结来说,实现`iframe`根据页面内容自适应高度和宽度,可以通过CSS、JavaScript以及第三方库如`iframe-resizer`来完成。不同的方法适用于不同的场景,开发者可以根据实际需求选择合适的方式。在处理跨域问题时,第...

    js获取控制iframe中iframe的src

    js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...

    Javascript iframe交互并兼容各种浏览器的解决方法

    1. **JavaScript iframe交互与浏览器兼容问题** - 在Web前端开发中,iframe是用于嵌入其他HTML页面的一个框架元素。尽管它在设计复杂页面时非常有用,但由于浏览器之间的兼容性问题,其内部和外部的交互变得复杂。...

    js处理iframe的系列问题

    ### JavaScript处理iframe的相关知识点 在Web开发中,`iframe`(Inline Frame)是一种常见的HTML元素,用于嵌入另一个HTML文档到当前文档中。利用JavaScript可以实现对`iframe`中的元素进行操作,例如读取或修改...

    js调用iframe实现打印页面内容的方法

    JavaScript(简称JS)提供了多种方式来实现网页内容的打印,包括打印整个页面或页面上的特定区域。本知识点主要介绍如何使用JS调用iframe元素来实现页面内容的打印功能。 ### 知识点一:使用iframe实现区域打印 ...

    解决JS跨域访问IFrame的解决方案

    在Web开发中,JavaScript(JS)的同源策略限制了不同源之间进行交互,包括从一个页面中的脚本访问另一个不同源的IFrame内容。"解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制,使得在JSP页面中...

Global site tag (gtag.js) - Google Analytics