`

jquery子iframe访问父容器的方法

阅读更多

在一个iframe中使用jquery选取父容器中的元素

 

网上 很多种写法是:

 

$('#id', window.parent.document)

 

但是我用了下不行,我的jquery版本是1.4.3

 

最后发现可以的方法是

 

parent.$("#config_${config.id}").hide("slow");

 

使用js内置访问方法parent

分享到:
评论

相关推荐

    js图片iframe内页父页展示全屏

    在网页设计中,有时我们需要在父页面(外层页面)中通过`iframe`来嵌入子页面(内层页面),并实现子页面中的图片在父页面全屏展示。这个过程涉及到多个技术点,包括HTML、CSS以及JavaScript。下面将详细解释如何...

    jQuery获取iframe的document对象的方法

    在实际开发中,获取iframe的document对象后,我们可以利用jQuery提供的各种选择器和方法来操作iframe内部的DOM。例如,可以使用`.find()`方法来查找特定的元素,或者使用`.html()`和`.text()`方法来修改元素的HTML或...

    js与jQuery 获取父窗、子窗的iframe

    本文档主要讨论了如何使用JavaScript和jQuery在不同的上下文中获取父窗口和子窗口的iframe元素。 首先,从父窗口访问iframe中的内容是相对直接的。假设你有一个iframe元素,并且你给它指定了一个name属性。通过这个...

    iframe自适应高度 .txt

    随着响应式设计的需求日益增加,如何使`<iframe>`内的内容能够自适应其父容器的高度成为了一个重要的问题。本文将详细介绍如何实现`<iframe>`自适应高度的方法及其背后的原理。 #### 二、背景知识 1. **...

    jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法

    EasyUI的Tabs是一个多标签页容器,它可以容纳多个子页面,每个子页面通常包含一个iframe,用于加载不同的内容。这种设计模式在现代Web应用中非常常见,因为它允许各个功能模块独立加载和更新,提高了用户体验。 要...

    iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)

    这是一种跨文档通信的方式,允许父页面与iFrame或iFrame与父页面之间交换信息,包括iFrame内容的高度。适用于同源策略限制的情况。 6. **IFrame的沙箱属性**: `sandbox`属性可以启用或禁用iFrame的一些安全特性...

    iframe 自适应高度

    这种方法要求`iframe`内容主动发送其高度到父页面。 总的来说,解决`iframe`自适应高度的问题有多种途径,具体选择哪种取决于你的项目需求、是否跨域以及是否能修改`iframe`内容等。通过JavaScript和相关的库或...

    iframe高度自适应

    这种方法需要确保`iframe`与父页面同域,因为跨域安全策略会阻止访问`iframe`的内容。 2. **CSS Flexbox 或 Grid布局** 随着CSS3的不断发展,我们也可以利用Flexbox或Grid布局来实现`iframe`的高度自适应。这种...

    jQuery Tab插件 cleverTabs,用于在Tab中显示iframe

    **jQuery Tab插件 cleverTabs** 是一款用于网页中创建多标签功能的JavaScript库,它特别之处在于能够在每个标签页中嵌入`iframe`元素,从而实现动态加载和展示不同的网页内容。这款插件基于广泛使用的jQuery框架,为...

    jquery与google联合制作局部地图

    1. HTML文件:包含地图容器元素,用于插入Google Maps的iframe或者使用JavaScript动态生成地图。 2. CSS文件:用于调整地图样式,如大小、位置、边框等,以适应网站的整体设计。 3. JavaScript文件:主要利用jQuery...

    jQuery lazyload

    5. **初始化插件**:在文档加载完成后,使用jQuery调用`.lazyload()`方法初始化插件。 ```javascript $(document).ready(function() { $(".lazy").lazyload(); }); ``` **三、高级用法** 1. **配置选项**:...

    iframe自适应内嵌页的高试,无srcoll

    标题中的“iframe自适应内嵌页的高试,无srcoll”指的是在网页设计中,如何使用`<iframe>`元素来内嵌外部页面,并确保它能够自适应容器大小,同时不显示滚动条,以实现更佳的用户体验。在这个场景下,开发者通常需要...

    jQuery视屏画廊插件blueimp Gallery

    4. **初始化插件**:通过`jQuery`选择器找到画廊容器,然后调用`blueimp.Gallery`方法初始化插件。 ```html <!-- The container for the modal gallery --> <div class="slides"></div> <h3 class="title"></h3...

    基于Layer+jQuery的自定义弹框

    在具体的HTML结构中,通常我们会定义一个容器来承载弹框的内容,使用jQuery选择器选中容器并利用Layer提供的API方法来触发弹框。例如,通过`layer.open`方法可以创建一个新的弹窗实例。这个方法可以接受很多参数,...

    wardjs:终极客户端JS隔离容器

    使用 jquery 并需要访问主机页面? 现在问题只是使用主机页面的文档$('.button', window.top.document)来确定您的查询范围; 您还可以在同一个域 iframe 中使用加载此脚本,它将公​​开一个实用程序函数,可用于...

    解决用jquery load加载页面到div时,不执行页面js的问题

    当使用jQuery的load方法将页面加载到div容器中时,遇到的问题通常是加载进来的页面中的JavaScript代码没有被执行。这种现象主要由两个原因造成:首先是浏览器的同源策略限制,导致非同源的脚本无法执行;其次是...

    layer弹出层 iframe层去掉滚动条的实例代码

    1. **layer**:Layer是基于jQuery的一个轻量级的弹窗插件,提供丰富的API和多种弹窗样式,包括信息提示、警告、确认、自定义内容等。它通过CSS3实现了动画效果,同时兼容各种浏览器。 2. **弹出层(Popup Layer)**...

    网页实现图片和PDF文件预览

    但为了在弹出窗口预览,我们可以使用jQuery创建一个新的`<iframe>`或者`<object>`元素,然后将图片内容插入其中。这样可以在新的窗口或模态对话框中显示图片。 4. **预览PDF**:预览PDF文件则复杂一些,因为浏览器...

    隐藏框架实现ajax

    1. **index.html**:这是用户首先访问的前端主页面,通常会包含用户可见的界面元素以及隐藏的IFrame元素。在index.html中,我们可能看到一个按钮或者链接,当用户点击时,触发Ajax请求。同时,这个页面还会包含一个...

    报表开发工具FineReport中如何把报表放到网页中显示

    虽然理论上可以将报表直接嵌入到页面的div容器中,但由于FineReport使用的是特定版本的jQuery库(例如v1.9.2),这可能导致与页面中其他脚本库之间的兼容性问题。为了避免这些问题,建议仍然使用iFrame来嵌入报表。...

Global site tag (gtag.js) - Google Analytics