`
liuxiang822
  • 浏览: 47892 次
  • 性别: Icon_minigender_1
  • 来自: 常州
社区版块
存档分类
最新评论

js跨iframe操作

 
阅读更多

一、iframe中直接调用父窗口中的方法：假设父窗口有个add的方法

self.parent.add();

二、iframe中修改父窗口中body的样式：假设给父窗口加个5像素的内边距

$(window.parent.document).find("body").attr("style","padding:5px;")

三、内容里有两个ifame

<iframe id="leftiframe"...</iframe> 
<iframe id="mainiframe..</iframe>

leftiframe中jQuery改变mainiframe的src代码： 
$("#mainframe",parent.document.body).attr("src","http://www.baidu.com")

分享到：
| js中实现字符串的replaceAll方法
评论
发表评论

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

相关推荐

    jquery 插件 图片浏览 支持跨iframe

    跨iframe通信是一个常见的挑战，特别是在现代Web应用中，往往需要在一个主页面（父iframe）和嵌入的子iframe之间共享数据或执行操作。`window.postMessage` API是实现这种通信的主要手段。在图片浏览插件中，可能...

    jquery 跨iframe拖拽

    本篇文章将详细探讨"jquery 跨iframe拖拽"这一主题，该技术允许用户在不同的IFrame之间进行元素的拖放操作，这对于构建多窗口、多面板的Web应用尤其有用。 首先，我们要理解IFrame（内联框架）的概念。IFrame是一种...

    纯js弹出层layer跨Iframe完美回调

    Layer插件通过巧妙的设计，突破了这一限制，实现了跨Iframe的回调功能，这意味着在一个Iframe中的操作可以影响到另一个Iframe或主页面，增强了应用程序的交互性。 在实际应用中，我们可以看到以下几个关键文件： 1...

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

    `draggable.js`可能是一个自定义的插件，扩展了jQuery UI的拖放功能，以适应跨iframe的需求。 实现跨iframe拖放的基本步骤如下： 1. 在主页面（可能是`main.html`）中，初始化拖放元素并绑定`dragstart`事件，设置...

    js操作iframe的一些知识

    这个“js操作iframe的一些知识”主题涵盖了如何利用JavaScript与iframe进行交互，包括创建、访问、修改以及通信等多个方面。下面我们将深入探讨这些关键知识点。 1. **创建iframe**：首先，你需要在HTML中声明一个...

    lhgdialog文件加跨iframe框架使用

    总结来说，lhgDialog结合跨iframe框架使用，需要理解JavaScript的跨域通信机制，利用`window.postMessage`来传递对话框的配置信息，然后在子页面中监听并处理这些信息，从而实现在iframe内打开lhgDialog的功能。...

    js iframe 方法及元素相互调用

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

    JS去除iframe滚动条的方法

    3. 如何通过JavaScript操作iframe的属性来去除滚动条。 4. 考虑不同浏览器对于`scrolling`属性的支持情况以及可能出现的兼容性问题。 最后，给定文件还提到了一点重要的内容，即在实际应用去除滚动条功能时，可能...

    XFrameJS:在 HTML5 页面上跨 iframe（甚至不同域）共享 JS 对象

    ####A 简单的 JavaScript 框架（一个 JS 文件）有助于在 HTML5 页面上跨 iframe（支持跨域/来源）调用 API 和共享 JS 对象的属性。 xframe.js 正是你想要的，一个 JavaScript AMD 模块。 在您的 html 页面中使用它...

    JS操作iframe里的dom

    JavaScript（简称JS）是一种广泛用于网页和网络应用的编程语言，尤其在操作DOM（文档对象模型）方面具有强大的功能。当涉及到在iframe中操作DOM时，情况会变得稍微复杂一些，因为iframe实际上是一个独立的浏览上下文...

    子页面访问父页面和跨iframe访问(ie 和火狐)

    以下是对"子页面访问父页面和跨iframe访问(ie 和火狐)"这一主题的详细解释。 首先，我们要理解浏览器的安全模型。出于安全考虑，浏览器实施了同源策略（Same-Origin Policy），这意味着一个页面只能读取或修改与它...

    javascript 关闭iframe外层的div容器

    1. **跨域限制**：由于同源策略，如果`iframe`的内容来源于不同的域名，那么默认情况下JavaScript无法访问`iframe`的内容，除非`iframe`的源支持`CORS`（跨源资源共享）。 2. **窗口和框架的引用**：在同源情况下，...

    子页面访问父页面 和 跨iframe访问

    这篇博客文章《子页面访问父页面 和 跨iframe访问》（链接已提供）深入探讨了这两个主题。 首先，让我们了解“子页面访问父页面”的概念。在浏览器环境中，当一个页面（父页面）包含了一个或多个iframe时，这些嵌入...

    用js互相调用iframe页面内的js函数

    标题提到的问题是在各种浏览器中，尤其是考虑到跨浏览器兼容性时，如何用JS实现主页面与`iframe`页面间的函数调用。在IE、Firefox和Chrome等现代浏览器中，有一些不同的处理方式。 首先，获取`iframe`页面的引用是...

    iframe子父页面调用js函数示例.docx

    "iframe子父页面调用js函数示例" 在实际项目中，iframe 子父页面调用 js 函数是非常有用的。下面是一个示例，演示如何在 iframe ...6. JS 实现 iframe 跨页面调用函数的方法 7. JS 如何对 Iframe 内外页面进行操作总结

    JavaScript操作iframe父窗口和子窗口例子

    JavaScript操作iframe父窗口和子窗口是一种常见的Web开发技术，它涉及到网页交互和页面通信。在Web应用程序中，iframe（Inline Frame）常用于嵌入其他网页或者实现页面的局部刷新，而父窗口与子窗口之间的通信则能...

    flex iframe js

    在`flex iframe js`的实践中，我们经常需要在JavaScript和ActionScript之间进行通信，以便在HTML页面和Flex应用之间共享数据或触发某些操作。这种通信过程称为“跨域通信”或“跨窗口通信”，因为它们发生在不同的...

    拖拽一个iframe中的div 在另一个iframe页面中显示

    例如，jQuery、React、Vue等库提供了更方便的DOM操作和事件处理，而像PostMessageProxy这样的库可以帮助简化跨iframe通信的过程。 总的来说，实现“拖拽一个iframe中的div 在另一个iframe页面中显示”的功能涉及到...

    JS是否可以跨文件同时控制多个iframe页面的应用技巧

    尽管JavaScript提供了在客户端跨iframe操作的能力，但这其中也有一定的限制。例如，出于安全考虑，浏览器的同源策略会阻止来自不同域的页面执行跨域脚本（Cross-Origin Scripting, XSS）。这意味着，如果iframe内容...

    同域jQuery(跨)iframe操作DOM(实例讲解)

    本文主要讲解了在同域环境下使用jQuery进行跨iframe操作DOM的实例。iframe是一种在网页中嵌入另一个网页的HTML标签，它允许一个页面内嵌套另一个独立的页面。这种技术在很多情况下被广泛使用，例如在实现上传功能、...

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