博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html页面中iframe嵌套页面的父页面和子页面js方法互相调用
阅读量:4289 次
发布时间:2019-05-27

本文共 572 字,大约阅读时间需要 1 分钟。

我们在写html页面或者说是jsp页面是,有时候需要在一个页面中使用iframe标签嵌套另一个页面,而两个页面有些数据需要交互,这个时候就会用到js技术,互相调用方法,

当我们在父页面中需要调用iframe标签中嵌入的子页面中的js方法时,可以使用:

document.getElementById(iframe的id).contentWindow.childtest();

注:

iframe的id:指的是需要调用的子页面的iframe的id;

childtest():是子页面中的js方法,夫页面就是要调用子页面的这个方法。

当在子页面中需要调用父页面中的方法时,使用如下js:

window.parent.parenttest();

注:

parenttest():是父页面中的js方法。

下面是一个具体的例子:

父页面fatherPage.html代码:

    Parent Page           

This is the Parent Page.

子页面childPage.html代码:

    Child Page       

This is the Child Page.

转载地址:http://nfqgi.baihongyu.com/

你可能感兴趣的文章
redis主从集群的搭建
查看>>
redis cluster集群搭建与深入分析(1)
查看>>
netty源码分析之-引导详解(4)
查看>>
redis cluster节点的添加与删除(2)
查看>>
nginx+redis+tomcat三级缓存架构讲解
查看>>
Reactor模式详解
查看>>
基于OpenRestry部署nginx+lua实现流量定向分发
查看>>
netty源码分析之-服务端启动核心源码分析(5)
查看>>
Storm并行度和流分组详解
查看>>
缓存数据预热详解
查看>>
热点数据降级详解(storm+nginx+lua)
查看>>
加载更多功能实现
查看>>
React相关Dom约束性和非约束性操作
查看>>
Hystrix高可用架构介绍
查看>>
netty源码分析之-SimpleChannelInboundHandler与ChannelInboundHandlerAdapter详解(6)
查看>>
netty源码分析之-开发过程中重要事项分析(7)
查看>>
Sublime Text3插件详解
查看>>
netty源码分析之-ByteBuf详解(8)
查看>>
javascript函数定义三种方式详解
查看>>
javascript中this关键字详解
查看>>