同域下iframe父页面和子页面调用
我在页面中使用iframe标签,有的时候就需要两个页面交互
<iframe id="Iframe" src="{{url('field/user')}}"></iframe>
在父页面中获取子页面内容:
var frameWin = document.getElementsByTagName('iframe')[0].contentWindow;//获取iframe窗口 var framewinFrom = $(frameWin.document).find('#userfrom');//子页面的元素
在子页面中获取父页面:
var parentWin = window.parent;//父窗口 var $parentDoc = $(parentWin.document);//父页面 var $parentBody = $parentDoc.find('body');var value = $parentBody.find('#user');//父页面的元素
转载于:https://www.cnblogs.com/nosmoking/p/9169182.html
同域下iframe父页面和子页面调用相关推荐
- iframe父元素获取子页面的元素
父页面 <iframe src="iframe.html" id="iframeId" height="150" width=&quo ...
- iframe父页面与子页面之间的元素获取与方法调用
JS 父页面调用子页面 子页面调用父页面 元素 window.frames[iframe的name属性值]; ① window.parent.document.getElementById(&qu ...
- iframe父页面与子页面如何传值
一.父页面向子页面传值 parent.vue <template><iframe id="iframe" width="100%" :src= ...
- iframe 父窗口和子窗口相互的调用方法集锦
一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></i ...
- artdialog4.1.7 中父页面给子页面传值
artdialog4.1.7中父页面给子页面传值时看了一些网友的解决方法: 在父页面声明全局变量 var returnValue=" ",子页面用art.dialog.opener ...
- js里父页面与子页面的相互调用
一.在页面里用 open 打开的子页面: 1.子页面调用父页面的方法,包括子页面给父页面传值: window.opener.methodName(); window.opener.meth ...
- js父页面和子页面之间传值
今天和朋友一块讨论,怎样通过js在父页面和子页面之间传值的问题,总结例如以下: 需求描写叙述:父页面有多个子页面.实如今父页面点击子页面,传值到子页面. 看着非常easy,试了好久.主要纠结在怎样获取 ...
- Layui父页面和子页面直接互相传值
目录 概述 后端 前端 父页面样式 父页面代码 子页面代码 父页面->子页面 子页面->父页面 可能产生的疑问 概述 实现效果: ①将父页面的数据表格的指定行数据,传递到子页面. (点击父 ...
- layer用ajax往jsp页面传值,layer.open中父页面向子页面传值(示例代码)
1.咱先看图说话 父list.jsp 子operate.jsp 实现的代码 1 在父页面上完成对子页面的数据渲染 function setData(data) { var lay=layer.open ...
- iframe 父页面与子页面之间的方法的相互调用
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition ...
最新文章
- idea普通java项目引入lombok_Intellij IDEA 安装lombok及使用详解
- 山海经鸿蒙手游iOS 版本,山海经鸿蒙异兽iOS版
- Python的DataFrame多个条件过滤错误
- Puppet 实验三 安装和配置
- 多生产者_通知:生产者补贴!打卡时间!定了
- 北大CIO走进龙泉寺交流研讨会圆满举行
- c读取txt文件内容并建立一个链表_C++链表实现学生信息管理系统
- 且用计算机语言怎么表示,用计算机语言表示算法.doc
- cocos android 剪切板,Cocos Creator 点击按钮复制到剪切版
- FD.io VPP环境下运行用户应用程序教程
- Python:通过命令行发送新浪微博
- python画直方图-从零开始学Python【13】--matplotlib(直方图)
- java内存管理的一些基础,内存溢出的解决方案
- spark 两个rdd求交集,差集,并集
- Bat批处理命令大全
- FastStone Capture 下载
- php 公众号微信支付流程图,微信公众号支付流程
- 《天才在左疯子在右》读书摘记
- Java解析多种文件输出字符串以及图片(ppt、odc、odcx、pptx、xls、xlsx、rtf)
- 实战 —— 生存唯一随机数