Iframe父页面与子页面之间的相互调用
父页面:
<!DOCTYPE html>
<html>
<head><title>parents</title><metacharset="UTF-8">
</head>
<body>
<div id="default">div内容</div>
<iframe src="child.html" id="child"></iframe>
<scriptlanguage="javascript"type="text/javascript"> functionsayhello() { alert('Hello World!'); } varvalue= 'value'; child.contentWindow.test();</script></body>
</html>
子页面:
<!DOCTYPE html>
<html>
<head><title>child</title><metacharset="UTF-8"><scriptlanguage="javascript"type="text/javascript"src="js/jquery.min.js"></script><scriptlanguage="javascript"type="text/javascript">$(function() {//在iframe子页面中查找父页面元素
alert($('#default', window.parent.document).html());//在iframe中调用父页面中定义的变量
alert(parent.value);//在iframe中调用父页面中定义的方法
parent.sayhello();});
function test() {alert('我是子页面!');}
</script> </head> <body> <div>iframe子页面内容</div> </body> </html>
更多专业前端知识,请上 【猿2048】www.mk2048.com
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 ...
- iframe 父窗口和子窗口相互的调用方法集锦
一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></i ...
- 父窗口、子窗口和Silverlight之间的相互调用
啊哈~ 爷爷,爸爸,儿子~ 三代同堂~ 前两天做 silverlight 的东西,主页面打开一个子页面,然后子页面中包含一个 silverlight 应用程序 那难免会涉及到他们三者相互调用的问题 其 ...
最新文章
- JQuery $post函数
- jstree中文api文档_开发中文 API 的一些策略
- 数据仓库项目管理面试题整理(十一)
- 阿里云边缘云ENS再升级,四大场景应用加速产业数字化落地
- 20155307 实验四 Android程序设计
- 电大计算机考试题目excel,电大计算机考试复习题EXCEL部分
- 二维数组删除_「leetcode」数组:总结篇!(一文搞懂数组题目)
- c++读取txt文件中的数字_SpringBoot 多种读取配置文件中参数的方式
- (59)UART外设驱动用户接收模块(四)(第12天)
- [开源 .NET 跨平台 Crawler 数据采集 爬虫框架: DotnetSpider] [三] 配置式爬虫
- 拓端tecdat|R语言MCMC的rstan贝叶斯回归模型和标准线性回归模型比较
- JAVA文件传输程序
- 盘点购物分享系统,有兴趣的来看看哦
- limesurvey php5.2,如何在Limesurvey Docker映像上安装php composer
- labview温度采集系统(数据保存到excel)
- xctf攻防世界 CRYPTO高手进阶区 best_rsa
- 判断是否是anagram
- GF系列卫星分辨率介绍
- ssd存储的SLC、MLC、TLC闪存芯片颗粒有什么区别?
- shell下删除文件末尾的空行
热门文章
- ASCII码表(全)
- mysql数据库表复制备份_mysql数据库的备份以及表格数据之间的复制
- 基于matlab的语音信号,科学网—[转载]【信息技术】【2014.06】【含源码】基于MATLAB的语音信号处理与分析 - 刘春静的博文...
- No module named ‘__main__.common‘; ‘__main__‘ is not a package
- 计算机导论设计实验,基于抽象知识点的《计算机导论》实验软件设计
- double取值范围 java_Java中float/double取值范围与精度
- jQuery选择器种类整理
- 【公众号系列】SAP的新零售
- java(IO)读写文件乱码转换UTF-8问题
- 第四章: 4.1 logging模块 | 正则表达式