我在页面中使用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. idea普通java项目引入lombok_Intellij IDEA 安装lombok及使用详解
  2. 山海经鸿蒙手游iOS 版本,山海经鸿蒙异兽iOS版
  3. Python的DataFrame多个条件过滤错误
  4. Puppet 实验三 安装和配置
  5. 多生产者_通知:生产者补贴!打卡时间!定了
  6. 北大CIO走进龙泉寺交流研讨会圆满举行
  7. c读取txt文件内容并建立一个链表_C++链表实现学生信息管理系统
  8. 且用计算机语言怎么表示,用计算机语言表示算法.doc
  9. cocos android 剪切板,Cocos Creator 点击按钮复制到剪切版
  10. FD.io VPP环境下运行用户应用程序教程
  11. Python:通过命令行发送新浪微博
  12. python画直方图-从零开始学Python【13】--matplotlib(直方图)
  13. java内存管理的一些基础,内存溢出的解决方案
  14. spark 两个rdd求交集,差集,并集
  15. Bat批处理命令大全
  16. FastStone Capture 下载
  17. php 公众号微信支付流程图,微信公众号支付流程
  18. 《天才在左疯子在右》读书摘记
  19. Java解析多种文件输出字符串以及图片(ppt、odc、odcx、pptx、xls、xlsx、rtf)
  20. 实战 —— 生存唯一随机数

热门文章

  1. LeetCode IPO
  2. 记一次针对Centos的入侵分析
  3. HashMap 的深入学习
  4. Android进阶笔记18:Android 获取Button的高度、宽度、坐标值
  5. 通过路径传值id进行页面判断
  6. 《QQ欢乐斗地主》山寨版
  7. iOS6与iOS7屏幕适配技巧
  8. Arturia Pigments for Mac - 虚拟振荡合成器
  9. Native Instruments Battery 4 for mac - 尖端鼓采样器
  10. Arturia Analog Lab V for Mac - 超强键盘模拟合成器