同域下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 ...
最新文章
- 开发人员MySQL调优-实战篇2-让SQL使用索引详解
- python系统-python实现用户登录系统
- drf认证组件源码分析
- Java命令行界面(第1部分):Apache Commons CLI
- Python工作笔记004---python字符串前面加上'r'的作用_u_b的含义
- html5中点击后不发生变化_魔道祖师中资深粉一看就明白的梗,路人见到后都反应不过来...
- JavaScript变量提升:函数提升要比变量提升更猛
- vue2.0和better-scroll实现左右联动效果
- 【转】PCDATA和CDATA的区别究竟是什么呢?
- 社会工程学之《反欺骗的艺术》的思考
- Linux下zip命令-不打包目标文件目录
- 怎么使用播放麦克风输入的音频呢
- Mysql sql执行错误#1436 Thread stack overrun:
- 商场三十六计——第29计 “树上开花”
- 建立区域经济大脑,驱动产业创新发展
- 【Web】CSS实现鼠标悬停实现显示与隐藏 特效
- 调整虚拟机界面显示大小
- uniapp使用Vant-weapp(最新)
- linux开发板 wifi配置,iTOP-4412开发板Linux系统下使用wifi模块配置
- 河北光伏巨头再布局 晶龙投2.8亿美元在越南建厂