jsp页面iframe父子页面之间的调用

清清前端

已于 2024-07-22 11:59:58 修改

阅读量806

点赞数

文章标签：前端 javascript 开发语言

于 2023-08-01 17:50:20 首次发布

本文链接：https://blog.csdn.net/qing_er_/article/details/132047664

版权

本文介绍了如何在HTML中使用iframe实现子页面调用父页面的方法，包括设置iframe的name属性以及父页面通过name调用子页面方法的示例，如`window.parent.getDadList()`和`mapIframe.window.getSonList()`。

摘要由CSDN通过智能技术生成

一、iframe子页面调用父页面方法：

iframe页面调用父页面语法（假设getDadList()为父页面的一个方法）

window.parent.getDadList();

二、父页面调用iframe子页面方法：

1. 给iframe设置一个name值

<iframe name="myIframe" src="./myIframe.jsp" width="100%" height="500" frameborder="0">
				 
</iframe>

2. 通过iframe的name值调用父页面方法 ( 假设getSonList为子页面的一个方法)

mapIframe.window.getSonList()

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

清清前端

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

window.postMessage 在iframe父子页面数据传输，页面之间跨域共享、传输数据，实现单点登录

kevin_xingka的博客

11-12

1186

项目需求实现单点登录多后台，比如登录淘宝后，跳转链接到天猫时，天猫处于登录中的状态。实现方式基于 Iframe+Postmessage，相互之间发送登录token，实现SSO(SingleSignOn)单点登录功能。实例期望结果：假设登录昆仑后台拿到token后，跳转到邻汇吧后台时，页面处于登录状态。方案一：登录昆仑后台拿到token后，跳转到邻汇吧后台时，向邻汇吧内嵌隐藏的昆仑 iframe 发送 getToken 的消息iframe.contentWindow.post

easyui框架jsp父页面使用iframe标签嵌套子页面传值并加载data-grid数据问题

William0326的博客

11-01

2441

前端easyui data-grid iframe父子jsp页面传递数据问题

参与评论您还未登录，请先登录后发表或查看评论

JSP子页面与父页面的交互，方法、元素的相互调用

YANGYYID的博客

03-16

8899

在JSP的页面中，可以通过设置iframe来添加子页面：<iframe name="pageResult3" id="pageResult3" frameborder="0" width="100%" align="center" scrolling="auto" onload="this.height=pageResult3.document.body.scro

父窗口调用iframe子窗口方法

03-14

NULL 博文链接：https://terryang.iteye.com/blog/292913

html iframe 子页面调用父页面的方法

热门推荐

会飞的程序猿的博客

03-16

5万+

还是附上代码吧。不多说，方便日后查看父页面代码：<!DOCTYPE html> <html> <head> <title>parents</title> <meta charset="UTF-8"> </head> <body> <scr

iframe子页面调用父页面javascript函数的方法

鱼骨头

11-24

911

1、iframe子页面调用父页面js函数子页面调用父页面函数只需要写上window.parent就可以了。比如调用a()函数，就写成： window.parent.a(); 2、iframe父页面调用子页面js函数这个就稍微复杂一些，下面的方法支持ie和firefox浏览器： document.getElementById('ifrtest').contentWin...

iframe中调用父窗口方法

一个后知后觉人路。。

08-09

1018

iframe中调用父窗口方法

jsp中iframe所包含的页面调用父页面的function方法

weixin_30824277的博客

10-20

113

a.jsp中写了注册的Ext窗体loginWindow，也用iframe包含了另一个b.jsp，当在b.jsp中也有点击注册的链接，这时需要用到调用a.jsp中的loginWindow，因为如果你重新将loginWindow再次写在b.jsp中的话，弹出来的窗体是在b.jsp页面的中部而不是在a.jsp的中部，所以这时就可以这样： onclick="parentRegiSter()" ...

js实现iframe中父子页面间的函数（方法）、变量（全局变量）互调

赵大土的博客

10-23

1438

1. 父访子1.1 父页面中获取子页面1.2 父页面调用子页面的函数（方法）1.3 父页面访问子页面的变量（全局变量）2. 子访父2.1 子页面中获取父页面2.2 子页面调用父页面的函数（方法）2.3 子页面访问父页面的变量（全局变量） 1. 父访子 1.1 父页面中获取子页面 <script src="js/jquery.min.js"></script> <sc...

子jsp和父jsp件数据的交互

qq_32080243的博客

09-23

798

子页面和父页面之间数据的交互（一个iframe就是一个jsp界面） 1：document.getElementById("info").contentWindow得到iframe对象后，就可以通过contentWindow得到iframe包含页面的window对象，然后就可以正常访问页面元素了； 2：$("#info")[0].contentWindow 如果用jquery选择

在iframe中调用js父页面和子页面方法

08-08

NULL 博文链接：https://747017186.iteye.com/blog/1985110

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

09-13

本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法（含JS、JQuery方法）

ajax怎么将数据传到另外一个页面,用js把数据从一个页面传到另一个页面

weixin_31716637的博客

08-05

6177

用js把数据从一个页面传到另一个页面的层里?如果是传到新页面的话，你网站基于什么语言开发直接用get或者post获取，然后输出到这个层通过url传参如果是HTML页面的话JS传到新页面就window.location.href='a.html?id=100';然后a.html页面的JS就document.getElementById("s").innerHTML=window.location.s...

页面嵌套iframe怎么调用父页面的方法，子页面回调父页面函数方法

橙-极纪元-cplvfx-JJY.Cheng

06-19

1万+

页面嵌套iframe怎么调用父页面的方法，子页面回调父页面函数方法, iframe子父页面间js的相互调用

iframe的子页面调用父页面的方法

软件工程 plus 人工智能

01-20

4398

用javascript: window.top.location.reload(); 或：window.parent.location.reload();具体实例如下: main页面: asf sdfasdf //引入A.html A.html页面: function re(){ window.top.location.

iframe中js调用父页面的使用方法

steven的专栏

12-14

1432

在iframe中调用父窗口的js函数 function return_picurl(picurl,h_id) { document.parentWindow.parent.setPicUrl(picurl,h_id); } //setPicUrl()为父窗口定义的函数.

iframe页面调用父页面javascript的方法

zmdds的专栏

11-04

754

很简单,就一句document.parentWindow.parent.父页面函数();可以在iframe中要触发函数的地方直接写,然后就可用了如:e.Row.Attributes.Add("onclick", "document.parentWindow.parent.showArchDetail(" + e.Row.Cells[1].Text.ToString() + ")");在

iframe之间调用方法,iframe父子之间调用