html 调用父页面元素,操作iframe父页面、子页面的元素和方法 js

iframe获取父页面元素：

JavaScript： $(window.parent.document.getElementById("元素id"))

jquery： $("#元素id", parent.document)

父页面获取iframe页面元素(iframe加载完之后再获取里面的元素)：

JavaScript：window.frames["iframeId"].document.getElementById("元素id")

document.getElementById("iframeId").contentWindow.document.getElementById("元素id")

jquery： $("#元素id", document.frames("iframeId").document)

$('#iframeId').contents().find("#元素id")[0]

iframe获取父页面函数方法：

// 先通过window.parent获取到父元素，在调用该对象上的方法

JavaScript： window.parent.funcName()

jquery： $(window.parent)[0].funcName()

父页面获取iframe页面函数方法：

// 先获取到子页面的window对象，然后在调用

window.onload = function() {

var ifra = document.getElementById("ifra");

ifra.contentWindow.sayName();

}

参考：https://www.cnblogs.com/bonly-ge/p/9771167.html

https://www.jb51.net/article/123314.htm

标签：元素,js,window,iframe,document,id,页面

来源： https://www.cnblogs.com/easter729/p/13035282.html

html 调用父页面元素,操作iframe父页面、子页面的元素和方法 js相关推荐

iframe 高度根据子页面来确定
标题描述一.解决方法解决代码二.关于高度问题简单讲一下jquery中的 height(),innerHeight().outHeight(), js中的offsetHeight.client ...
html5子页面无法弹出,弹出子页面，兼容ie
window.showModalDialog()(兼容ie的写法)模式窗口, 一种很特别的窗口,当它打开时,后面的父窗口的活动会停止,除非当前的模式子窗口关闭了, 才能操作父窗口.在做网页Ajax开发 ...
在父页面用Iframe加载子页面时，将父页面的title替换成子页面title
报告管理转载于:https://www.cnblogs.com/maomojun/p/9667320.html
layer中嵌套的页面如何操作父页面_layui框架中layer父子页面交互详细解说
本文主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的朋友可以参考下,希望给大家的 ...
iframe父页面与子页面之间的传值问题
一.父页面给iframe中的子页面传值,把值写入子页面的文本框里 father.html <script language="javascript" src="ht ...
js里父页面与子页面的相互调用
一.在页面里用 open 打开的子页面: 1.子页面调用父页面的方法,包括子页面给父页面传值: window.opener.methodName(); window.opener.meth ...
js对iframe内外（父子）页面进行操作
怎么对iframe进行操作,1.在iframe里面控制iframe外面的js代码.2.在父框架对子iframe进行操作. 获取iframe里的内容主要的两个API就是contentWindow,和c ...
Layui父页面和子页面直接互相传值
目录概述后端前端父页面样式父页面代码子页面代码父页面->子页面子页面->父页面可能产生的疑问概述实现效果: ①将父页面的数据表格的指定行数据,传递到子页面. (点击父 ...
弹出窗口里面的子页面控制父页面的解决办法
function wclose(){ alert('test');art.dialog({id:'cqhfsp_window'}).close();}</script> 上面为父页面中放入 ...

html 调用父页面元素,操作iframe父页面、子页面的元素和方法 js

html 调用父页面元素,操作iframe父页面、子页面的元素和方法 js相关推荐

最新文章

热门文章