`
单眼皮小猪
  • 浏览: 122220 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

iframe嵌套中调用父窗口js方法

 
阅读更多
1、调用父窗口方法，直接使用window.parent，获取父窗口。 
<a href="javascript:void(0);" target="mainframe" onclick="javascript:window.parent.changeTitle('调用父窗口方法');return true;">点击我调用父窗口方法</a>


2、使用jquery改变父窗口的iframe最小高度 
$(window.parent.document.getElementById("mainFrame")).css("minHeight","600px");


3、使用jquery改变当前页面的iframe最小高度 
$("#mainFrame2").css("minHeight","600px");
分享到：
| jsp+struts2单文件图片上传
评论
发表评论

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

相关推荐

    iframe中子父类窗口调用JS的方法及注意事项

    相应的，在子iframe窗口中，要调用父窗口的方法则要通过`window.parent`来引用父窗口对象，并调用父窗口的方法，如下： ```javascript document.getElementById("btnSon").onclick=function(){ parent....

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

    在`iframe`子页面中，要调用父页面的JavaScript函数，可以使用`window.parent`对象来引用父窗口。假设父页面有一个名为`a()`的函数，子页面可以这样调用它： ```javascript window.parent.a(); ``` 如果需要获取父...

    JS刷新父页面 父窗口

    在JavaScript中，我们经常遇到需要在一个弹出的窗口（子窗口）中执行操作后刷新父窗口的情况。这在很多应用场景中都非常有用，比如表单提交后的页面刷新、数据更新后的页面刷新等。实现这一功能的关键是能够访问到父...

    iframe弹出框遮罩父类页面

    在网页开发中，有时我们需要实现一个功能，即在iframe中打开一个新的弹出窗口，并且这个弹出窗口能够遮罩住其父级页面，提供一种更好的用户体验。标题"iframe弹出框遮罩父类页面"正是关于这个技术点的讨论。在描述中...

    js中iframe调用父页面的方法

    例如，如果我们希望子页面能够调用父页面的一个名为`parentFunction`的方法，我们首先需要在父页面中这样定义： ```javascript function parentFunction() { // 这里编写父页面的方法逻辑 } ``` 一旦父页面的方法...

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

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

    借助于网上messenger.js完成可以跨域的Html嵌套调用

    本主题将详细探讨如何利用名为“messenger.js”的第三方库来解决这个问题，以及如何在HTML页面中进行嵌套调用。 `messenger.js`是一个轻量级的JavaScript库，设计用于在不同的源之间传递消息，从而实现跨域通信。它...

    iframe 跨域解决方法

    5. **`Window.proxy`**：在`iframe`的源页面中定义一个全局函数，如`window.proxy = function(data) {...}`，然后在父页面中通过`iframe.contentWindow.proxy`调用这个函数，实现数据传递。 6. **`Window.post...

    iframe-localstorage

    为了使用它，在父窗口中包含 parent.js 文件和在嵌套窗口中包含 iframe.js 文件就足够了。 iframe.js 文件覆盖 localtStorage setItem 、 getItem和removeItem方法，并提供延迟接口等待结果。 代码示例 在嵌套页面...

    Javscript调用iframe框架页面中函数的方法__1.docx

    在JavaScript中，调用iframe框架页面中的函数是跨文档通信的一种常见方式，特别是在网页嵌套或者需要在不同页面间共享数据和功能时。本篇将详细介绍如何实现这一操作，并给出具体的示例代码。 首先，我们需要了解...

    iframe父与子、子与子之间控制以及js相互调用实际例

    在Web开发中，有时我们需要在iframe中嵌入的页面与主页面，或者两个嵌套的iframe之间进行数据交换和功能交互。这可以通过JavaScript来实现，主要涉及以下几个方面： 1. **父页面与iframe的通信：** - `...

    javascript iframe parent？

    1. **父页面向iframe发送消息**：可以使用`window.frames`数组来访问iframe的`window`对象，然后调用其方法或属性。例如，如果iframe的id为"myIframe"，则可以通过`window.frames['myIframe']`或`document....

    浅谈js中子页面父页面方法 变量相互调用

    在JavaScript开发中，特别是在涉及到iframe嵌套页面的情况下，经常需要在子页面和父页面之间进行方法和变量的相互调用。在Web开发的场景中，子页面指的是嵌入到父页面中的iframe页面。由于它们处于不同的浏览上下文...

    js防止页面被iframe调用的方法

    本文将详细介绍在JavaScript中如何实现防止页面被iframe调用的技术。 首先，要理解iframe是什么。iframe是一种HTML元素，它允许你在当前网页内嵌入另一个网页。通过这种方式，外部网站可以展示其他网站的内容，而...

    js调用父框架函数与弹窗调用父页面函数的简单方法

    在JavaScript中，调用父框架或者父页面的函数是一个常见的需求，特别是在构建多页面或有iframe嵌套的复杂Web应用时。以下将详细介绍几种不同的调用方式。 1. **调用父级中的函数** 当我们需要在子页面中调用父页面...

    被打开页面操作父页面上的控件

    在JavaScript编程中，有时我们需要实现一个子页面控制其父页面中的特定控件或者操作父页面的文档对象模型（DOM）。这种交互通常是通过浏览器提供的API来完成的，特别是那些与窗口和框架相关的API。以下是一些关于...

    再iframe中刷新列表

    本文主要介绍了如何在使用iframe嵌套的情况下，通过不同的方法实现子页面或弹出层对父页面列表的刷新操作。具体涉及的技术包括JavaScript的基本用法、DOM操作以及第三方库fly.js的应用。 #### 知识点详细说明 ####...

    layer弹出层父子页面事件相互调用方法

    为了实现数据的传递，可以通过在父页面中设置iframe的src属性，并在子页面中使用JavaScript获取父页面传递的参数，同时也可以在子页面中操作父页面的DOM元素或调用父页面的方法。 在上述提供的代码片段中，父页面...

    关于Iframe父页面与子页面之间的相互调用

    同时，子页面（如iframe2.html）可以调用父页面的方法，如`parent.test2();`。 需要注意的是，由于同源策略的限制，只有同源的Iframe才能直接访问彼此的window对象和方法。如果涉及到跨域，需要使用CORS（Cross-...

    frame之间以及子页面和父页面间参数传递

    在父页面中可以通过`document.frames["iframeID"].document.getElementById("elementID")`的方式获取到子页面中的元素。例如，在示例代码中，`getChildEl()`函数通过`document.frames("inner").document....

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