我在页面中使用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父页面和子页面调用相关推荐

  1. iframe父元素获取子页面的元素

    父页面 <iframe src="iframe.html" id="iframeId" height="150" width=&quo ...

  2. iframe父页面与子页面之间的元素获取与方法调用

    JS   父页面调用子页面 子页面调用父页面 元素 window.frames[iframe的name属性值]; ① window.parent.document.getElementById(&qu ...

  3. iframe父页面与子页面如何传值

    一.父页面向子页面传值 parent.vue <template><iframe id="iframe" width="100%" :src= ...

  4. iframe 父窗口和子窗口相互的调用方法集锦

    一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></i ...

  5. artdialog4.1.7 中父页面给子页面传值

    artdialog4.1.7中父页面给子页面传值时看了一些网友的解决方法: 在父页面声明全局变量 var returnValue=" ",子页面用art.dialog.opener ...

  6. js里父页面与子页面的相互调用

    一.在页面里用 open 打开的子页面: 1.子页面调用父页面的方法,包括子页面给父页面传值:     window.opener.methodName();   window.opener.meth ...

  7. js父页面和子页面之间传值

    今天和朋友一块讨论,怎样通过js在父页面和子页面之间传值的问题,总结例如以下: 需求描写叙述:父页面有多个子页面.实如今父页面点击子页面,传值到子页面. 看着非常easy,试了好久.主要纠结在怎样获取 ...

  8. Layui父页面和子页面直接互相传值

    目录 概述 后端 前端 父页面样式 父页面代码 子页面代码 父页面->子页面 子页面->父页面 可能产生的疑问 概述 实现效果: ①将父页面的数据表格的指定行数据,传递到子页面. (点击父 ...

  9. layer用ajax往jsp页面传值,layer.open中父页面向子页面传值(示例代码)

    1.咱先看图说话 父list.jsp 子operate.jsp 实现的代码 1 在父页面上完成对子页面的数据渲染 function setData(data) { var lay=layer.open ...

  10. iframe 父页面与子页面之间的方法的相互调用

    2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition ...

最新文章

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

热门文章

  1. 管道符、重定向、环境变量
  2. 你应该知道的Linux历史
  3. SEO市场是在扩大还是缩小 Seoer终于会变成什么?
  4. IBatis .NET 开发学习笔记——简要介绍
  5. Jenkins中集成Gcov代码覆盖率报告
  6. libevent使用一 libevent导入项目
  7. 机器学习基础:评价指标(Machine Learning Fundamentals: Evaluation Metrics)
  8. 怎么在Mac上格式化USB驱动器
  9. Vegas导入PSD格式文件(素材)的方法
  10. CF-1208D-线段树和树状数组双解