iframe 父页面与子页面之间的方法的相互调用
2019独角兽企业重金招聘Python工程师标准>>>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml" > <head><title>Parent Page</title><scriptlanguage="javascript"type="text/javascript">function parenttest() {alert("这是父页面的方法!");}function btnClick() {document.getElementById("childframe").contentWindow.childtest();}</script> </head> <body><divstyle="margin:auto;"><h1>This is the Parent Page.</h1><inputtype="button"value="调用子页面的方法"onclick="btnClick()"/> </div><divstyle="margin:auto;"><iframestyle="width:300px; height:300px;"id="childframe"src="ChildPage.html"></iframe></div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml" > <head><title>Child Page</title><scriptlanguage="javascript"type="text/javascript">function childtest() {alert("这是子页面的方法!");}function btnClick() {window.parent.parenttest();}</script> </head> <body><divstyle="margin:auto;"><h1>This is the Child Page.</h1><inputtype="button"value="调用父页面的方法"onclick="btnClick()"/> </div> </body> </html>
转载于:https://my.oschina.net/u/2306318/blog/867293
iframe 父页面与子页面之间的方法的相互调用相关推荐
- iframe父元素获取子页面的元素
父页面 <iframe src="iframe.html" id="iframeId" height="150" width=&quo ...
- iframe父页面与子页面之间的元素获取与方法调用
JS 父页面调用子页面 子页面调用父页面 元素 window.frames[iframe的name属性值]; ① window.parent.document.getElementById(&qu ...
- js父页面和子页面之间传值
今天和朋友一块讨论,怎样通过js在父页面和子页面之间传值的问题,总结例如以下: 需求描写叙述:父页面有多个子页面.实如今父页面点击子页面,传值到子页面. 看着非常easy,试了好久.主要纠结在怎样获取 ...
- iframe父页面与子页面如何传值
一.父页面向子页面传值 parent.vue <template><iframe id="iframe" width="100%" :src= ...
- js里父页面与子页面的相互调用
一.在页面里用 open 打开的子页面: 1.子页面调用父页面的方法,包括子页面给父页面传值: window.opener.methodName(); window.opener.meth ...
- artdialog4.1.7 中父页面给子页面传值
artdialog4.1.7中父页面给子页面传值时看了一些网友的解决方法: 在父页面声明全局变量 var returnValue=" ",子页面用art.dialog.opener ...
- Layui父页面和子页面直接互相传值
目录 概述 后端 前端 父页面样式 父页面代码 子页面代码 父页面->子页面 子页面->父页面 可能产生的疑问 概述 实现效果: ①将父页面的数据表格的指定行数据,传递到子页面. (点击父 ...
- layer用ajax往jsp页面传值,layer.open中父页面向子页面传值(示例代码)
1.咱先看图说话 父list.jsp 子operate.jsp 实现的代码 1 在父页面上完成对子页面的数据渲染 function setData(data) { var lay=layer.open ...
- 父页面与子ifream传值,父页面获取子页面document元素与方法
1.父页面获取子ifream中document元素方法 window.document.getElementById('warnIfream').contentWindow.document.getE ...
最新文章
- 用java写了一个汉诺塔
- greenplum 查询出来的数字加减日期_常用SQL系列之(八):列值累计、占比、平均值以及日期运算等
- VC中char,TCHAR,WCHAR总结
- 编写一个函数把华氏温度转换为摄氏温度
- 用java网络编程中的TCP方式上传文本文件及出现的小问题
- android token机制_Android之window机制token验证
- Android权限管理原理
- 基于Java开发的五子棋游戏APP设计与实现
- 9.屏幕宽高比判断(Screen.width,Screen.height)
- Ubuntu22.04设置静态ip
- 2019.5.输入正整数n,再输入n个数,计算并输出这n个数之和。要求:本题必须使用递归完成,整个程序不允许使用循环。例如3 2 3 4,输出7
- mysql语句生成,SQL语句生成器
- RelativeLayout.LayoutParams.addRule()方法
- MATLAB 生成高清 矢量图+图局部放大
- 上海天文台实习的一个项目-根据卫星数据绘制南极星空分布图
- JSON的parse()方法
- 35+程序员该怎么办?有哪些破局方法?
- 【转】KCP快速可靠协议
- 计算机辅助旅游景观规划设计pdf,《计算机辅助园林景观设计》.pdf
- [XJTUSE DATABASE]——第三章 关系数据库标准语言SQL