`

html之iframe

阅读更多

*、iframe之获取父页面元素

第一种:$(selector,window.parent.document).......
该方法比普通选择器多了一个参数即父页面对象!
第二种:$(window.parent.document).find().....
该方法是首先获取父页面的document对象!

 

2. jquery在父页面获取iframe子页面的元素

$(selector,document.frames('iframe_id').document)....

 

3.js在iframe子页面获取父页面元素代码如下:

 

window.parent.document.getElementById/....("selector");
 

 

4.js在父页面获取iframe子页面元素代码如下:

window.frames["iframe_ID"].document.getElementById/....("selector");

 

5.iframe内调用父页面函数:

window.parent.func();
 

5.父页面调用iframe内函数-正确性待定:

document.frames('iframe_id').document.func();

 

 

分享到:
评论

相关推荐

    Flex中利用IFrame解决嵌入HTML时Flex组件被遮挡和IFrame被隐藏的问题

    确保菜单组件的`zIndex`值高于IFrame,使其显示在IFrame之上。 2. **IFrame被隐藏**:这通常是因为IFrame的CSS样式设置不当,例如设置了`display:none`或者其父级元素的尺寸和位置问题。要解决这个问题,需要检查...

    嵌入到HTML的iframe自动适应大小

    在探讨“嵌入到HTML的iframe自动适应大小”的主题时,我们主要关注的是如何使一个内嵌在HTML页面中的iframe元素能够根据其内容或者父容器的尺寸动态调整自身的高度,从而实现良好的响应式设计和用户体验。...

    html2canvas生成pdf(html高度自适应带iframe)

    然而,由于Canvas不支持`iframe`,`html2canvas`本身无法直接处理嵌入的`iframe`内容。当页面包含`iframe`时,我们需要额外的策略来处理这种情况,例如,在生成PDF前先将`iframe`的内容提取出来或者在`iframe`加载...

    html div+Iframe

    HTML中的`div`元素和`iframe`标签是网页布局和内容嵌入的两个关键概念。在Web开发中,`div`通常用作容器,用于组织和控制页面布局,而`iframe`则允许我们在一个页面中嵌入另一个独立的网页或者任何其他可网页化的...

    HTML经典教材-iframe详细介绍

    在HTML中,`iframe`(Inline Frame)元素是一个非常重要的组成部分,它允许我们在一个HTML文档中嵌入另一个HTML文档,从而实现页面的内联显示。这在构建复杂的网页布局、加载外部资源或者在多个网页间共享组件时非常...

    HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法

    就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧

    div嵌套html不用iframe

    最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....

    html iframe

    HTML中的`iframe`元素是一种非常重要的网页嵌入技术,它允许我们在一个网页中嵌入另一个网页,实现页面的内联框架。这个技术广泛应用于各种场景,如嵌入地图、视频、社交媒体分享等,或者在单页应用(SPA)中加载...

    HTML 折叠框架 iframe

    在HTML中,iframe(Inline Frame)元素被用来嵌入一个独立的文档,如另一个HTML页面,视频,地图,或者任何其他网页内容,使得用户可以在不离开当前页面的情况下查看这些内容。"点击可收缩"这一特性意味着,该iframe...

    flex iframe 支持在flash中嵌套入html jsp asp php等

    flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex...

    HTML iframe设置背景透明

    HTML中的`iframe`元素是一种非常实用的特性,它允许我们在一个网页中嵌入另一个网页,实现页面内容的组合和复用。在某些情况下,我们可能希望`iframe`的背景是透明的,以便与父页面更好地融合。这篇博客将探讨如何...

    js获取控制iframe中iframe的src

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

    iframe自适应宽高

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

    iframe里无右键菜单

    在网页设计中,`iframe`(Inline Frame)是一种常见的元素,用于在当前文档中嵌入另一个HTML文档。它允许开发者将不同的网页内容整合到同一页面上,实现页面的模块化和动态加载。然而,有时我们可能希望在`iframe`内...

    html5整合iframe和Bootstrap

    Bootstrap则是最受欢迎的前端框架之一,它简化了网站设计,提供了响应式布局和易于使用的组件。Iframe(内联框架)在网页设计中用于嵌入另一个文档,常用于实现页面的部分刷新或者加载外部内容。 在这个"html5整合...

    iframe缩小引用网页比例代码

    HTML使用iframe标签引用外部网页时,可以设置外部网页的显示比例适配当前iframe的大小,兼容各种浏览器哦

    iframe对另一个iframe控制的Demo

    在IT领域,尤其是在Web开发中,`iframe`(Inline Frame)是一种非常重要的技术,它允许我们在一个HTML页面中嵌入另一个HTML页面。本实例“iframe对另一个iframe控制的Demo”展示了如何通过JavaScript或者jQuery实现...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    这段JavaScript函数`setIFrameHeight(iframe)`通过获取`<iframe>`内的内容文档(`contentDocument`),然后比较`body`和`documentElement`(HTML根元素)的`scrollHeight`属性,取两者中较大的值作为`<iframe>`的新...

    html5 跨iframe的拖拽实现移动端页面设计器

    HTML5的跨iframe拖拽功能在移动端页面设计中是一个重要的技术点,它允许用户在不同的iframe之间自由地拖放元素,提升用户体验,特别是在构建可编辑的页面设计器时。本篇文章将详细探讨如何实现这一功能,并结合给定...

    js 特效 html 特效 Iframe页面的滚动

    js 特效 html 特效 Iframe页面的滚动

Global site tag (gtag.js) - Google Analytics