`

iframe中页面跨域访问javascript

阅读更多
若一个HTML页面A中使用iframe框架嵌套了一个页面B,那么如何让页面B传递参数给页面A呢?

今天有个同事说页面A的批量删除按钮,不能去删除页面B的列表里选中的多条数据。我向怎么可能呢,凡事无绝对,回想了一下自己以前在项目中的经验,想到了可以在iframe中实现跨页面访问javascript的方法。写下来以备忘!

例如:

页面A 里面定义javascript的函数



页面B里面有一个按钮和javascript函数



分享到:
评论

相关推荐

    iframe 跨域访问session

    `iframe` 跨域访问`session`正是为了解决这一问题。 首先,让我们了解一下`session`和`cookie`的关系。`session`通常用于存储用户登录状态等临时信息,而`cookie`则作为`session` ID的载体在客户端和服务器之间传递...

    iframe跨域常用问题和iframe页面自适应

    1. **CORS(Cross-Origin Resource Sharing)**:这是一种现代浏览器支持的跨域资源共享机制,服务器端需要在响应头中添加`Access-Control-Allow-Origin`字段,允许特定或所有来源进行跨域访问。例如,服务器端代码...

    iframe 跨域解决方法

    在Web开发中,`iframe` 是一个非常常用的元素,它允许我们在一个页面中嵌入另一个网页。然而,由于浏览器的同源策略限制,当`iframe`加载的页面与包含它的页面不在同一个域名下时,就会遇到跨域问题。这篇博客将深入...

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

    "解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制,使得在JSP页面中嵌入的跨域IFrame能够正常通信。下面我们将详细探讨这个问题以及可能的解决方案。 首先,理解同源策略是关键。同源策略是...

    完美解决iframe跨域问题

    3. **iframe跨域问题**:当iframe加载的页面与包含它的页面不在同一个域时,就会出现跨域问题,导致无法直接通过JavaScript进行通信,如获取iframe内的内容、设置iframe的属性等。 **二、iframe跨域的解决方案** 1...

    iframe跨域访问示例

    在Web开发中,"iframe跨域访问"是一个重要的概念,涉及到浏览器的安全策略和网页的嵌入技术。本文将深入探讨这个主题,以便更好地理解和应用。 首先,我们需要了解什么是iframe。Iframe,全称Inline Frame,是HTML...

    iframe与主框架跨域相互访问

    总结来说,`iframe`与主框架的跨域访问涉及到Web开发中的安全性与通信机制。通过正确理解和运用上述方法,我们可以有效地实现不同源之间的交互,从而丰富Web应用的功能和用户体验。然而,务必注意安全问题,避免被...

    postmessage解决iframe页面跨域

    综上所述,`postMessage`是JavaScript解决跨域通信,尤其是涉及iframe页面的关键技术。正确理解和使用它,能够帮助开发者构建更复杂、更安全的Web应用。在实际项目中,结合描述中提到的3_静态页面测试跨域_post...

    iframe 跨域

    如果`iframe`中的页面与父页面源不一致,就会受到同源策略的限制,无法通过JavaScript进行通信。 2. `iframe`的src属性:`iframe`的`src`属性用于指定要加载的URL。当这个URL与当前页面的源不同时,就会触发跨域。 ...

    iframe跨域调用父窗口js.zip

    在实际应用中,根据项目需求和浏览器兼容性,可以选择合适的方法实现iframe跨域调用父窗口的JavaScript方法。同时,注意安全问题,避免恶意代码通过跨域通信窃取敏感信息。 以上就是关于iframe跨域调用父页面js方法...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

    在iframe框架中打开页面的方法

    在实际开发中,确保iframe内容加载后可以正确显示和交互,开发者需要确保目标页面的域名和协议与主页面兼容,避免由于跨域策略导致的内容加载问题。另外,在设计包含iframe的页面时,应该考虑到用户的体验,以及不同...

    iframe 跨域 自动适应高度

    在网页开发中,`iframe`(Inline Frame)是一种嵌入其他网页的标签,常用于实现页面内嵌或者组件化展示。然而,`iframe`在处理跨域内容时,会受到同源策略的限制,导致一些功能无法正常使用,比如获取iframe内的DOM...

    链接修改及跨域访问的问题

    本文将详细讨论如何在JavaScript中实现跨域访问,以及涉及到的`LinkToInfoFrame`、`ShowModelInfo`、`ShowLineData`等方法的修改。 首先,`LinkToInfoFrame(url, x, y)`是一个通用的函数,用于设置IFrame的`src`...

    Javascript跨域访问解决方案

    JavaScript跨域访问解决方案 在Web开发中,JavaScript的同源策略是浏览器为了保障用户安全而实施的一项重要机制。它限制了脚本只能访问与当前页面具有相同协议(如http或https)、主机名和端口号的资源。然而,在...

    Jquery调用iframe父页面中的元素及方法

    如果尝试在不同源的iframe中操作元素,将会遇到跨域访问限制,这是由浏览器的安全机制决定的。 在具体实现上,我们可以使用jQuery提供的选择器和方法来实现与父页面的交互。以下是一些关键的操作步骤: 1. 在...

    iframe 与主框架相互访问例子,同域、跨域访问例子。

    理解并掌握`iframe`与主框架的同域和跨域访问是非常关键的,这不仅涉及页面内容的嵌入和交互,还涉及到Web应用的安全性和性能优化。在实际开发中,需要根据项目需求和安全考虑来灵活运用这些技术。

    iframe兄弟页面相互调用

    在多页面交互的场景下,`iframe`中的子页面与父页面以及与其他兄弟`iframe`之间的通信就显得尤为重要。本文将详细讲解如何实现`iframe`兄弟页面之间的相互调用。 首先,理解`iframe`的结构是关键。一个`iframe`元素...

    跨域控制iframe高度

    我们可以在父页面中监听`message`事件,然后在iframe页面中通过`window.parent.postMessage`发送消息,其中消息内容可以包含iframe的高度信息。例如: 父页面: ```javascript window.addEventListener('message...

Global site tag (gtag.js) - Google Analytics