`

jquery子iframe访问父容器的方法

jQuery 
阅读更多

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

 

网上 很多种写法是：

 

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

 

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

 

最后发现可以的方法是

 

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

 

使用js内置访问方法parent

分享到：
| 读取jar包内配置文件，及使用Spring的Reso ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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来嵌入报表。...

Magicbox
Global site tag (gtag.js) - Google Analytics