【关于使用iframe的父子页面进行简单的相互传值】的更多相关文章

关于使用iframe的父子页面进行简单的相互传值

当一个页面使用了iframe作为嵌套时,如何想要将父页面的数据传给iframe子页面,那iframe所指向的呢个子页面是怎么获取呢,又或者子页面的数据要给父页面使用,那么父页面又如何获取子页面的数据呢?下面根据这种情况作了一个简单的demo案例: 父页面是parentPage.html,子页面是childPage.html. 1.情况一:父页面获取子页面传入的数据(子页面给父页面传值) 父页面: //获取子页面传入的数据 function GetChildValue(obj){ document…

iframe之父子页面通信

iframe之父子页面通信 1.获取 子页面 的 window 对象  在父页面中,存在如下两个对象 window.frames document.iframeElement.contentWindow 可以获取到 子页面 window 对象 // iframe id document.getElementById('menuIframe').contentWindow // iframe name window.frames['menuIframe'].window // iframe ind…

六）iframe 及父子页面之间获取元素、方法调用

http://www.w3school.com.cn/tags/tag_iframe.asp father.html <!DOCTYPE html> <html> <head> <script type="text/javascript"> function ff(msg) { alert(msg); } function test() { // 只能通过iframe名称获取子页面,不能通过id var div = window.fram…

iframe父子页面之间相互调用元素和函数

<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Keywords" content=""> <meta name="Description" content="&…

js控制父子页面传值（iframe和window.open）

在html中,window对象代表浏览器中一个打开的窗口,就像我们C/S中做窗体一样,在该页的window对象就是new了一个新的窗体对象. 就像做C/S开发一样,浏览器是一个软件,每一个网页都是它new的一个对象,对象与对象的信息交流只能通过方法(前提是在自己的对象域中,当然如果两个对象在同一个作用域中,就不用那么麻烦了,但是每一个网页都是一个对象,在本对象内部作用域去访问另一个对象,就需要有到公共的方法,并且两个对象都可以接受到的.就是在后台才会有的request和response等方法).…

iframe 自适应高度、父子页面传值、回调

总结一下最近用iframe遇到的问题与解决办法: 结构:主页面main.html,里面套用iframe.iframe不能出现滚动条,自适应子页面高度.内容多了滚动条是main.html页面的. 1.  主页面自适应iframe页面的高度 这个问题网上的大部分都是自适应静态iframe页面,而且代码较多,对于动态变化的iframe页面,解决的办法少. 我的解决办法很粗狂:获取iframe页面的高度,在设置父页面iframe标签的高度.兼容性我相信都没问题吧. iframe页面: setParent…

页面嵌入iframe关于父子传参调用

1.首先来说一下iframe是干什么用的 IFRAME是HTML标签,作用是文档中的文档,或者浮动的框架(FRAME).iframe元素会创建包含另外一个文档的内联框架(即行内框架),通俗点说就是在一个页面中通过写iframe标签来嵌入另一个页面 2.代码的实现 首先是父元素 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <me…

iframe父子页面通信

一.同域下父子页面的通信 1.父页面调用子iframe页面 (1)通过iframe的Id获取子页面的dom,然后通过内置属性contentWindow取得子窗口的window对象,此方法兼容各个浏览器 document.getElementById('iframe_Id').contentWindow // contentWindow 不能省略 (2)通过iframe的name直接获取子窗口的window对象 iframe_Name.window    //window可以省略 (3)通过win…

window.postMessage 在iframe父子页面数据传输

介绍 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage window.postMessage 发送方 接收方 示例:父页面(parentpage_copy.html)传值给子页面(subpage_copy.html) parentpage_copy <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q…

父子页面之间元素相互操作(iframe子页面)

js/jquery获取iframe子页面中元素的方法: 一.使用window.frames["iframe的ID"]获取元素 window.onload = function() { var oIframe = window.frames["oIframe"].document.getElementById("getFrame"); console.log(oIframe); } 注意:此处一定要加上window.onload或者DOMConte…