iframe 父页面和子页面方法相互调用

最新推荐文章于 2022-01-21 09:47:54 发布

随心丶随行

最新推荐文章于 2022-01-21 09:47:54 发布

阅读量144

点赞数

本文链接：https://blog.csdn.net/qq_14895863/article/details/81945465

版权

<!DOCTYPE html>

<html>

<head> <title>parent</title>

</head>

<body>

function parent() { alert('222222'); }

var value = 'value';

//父页面调用子页面方法

$("#childFrame")[0].contentWindow.child();

</script>

<div id="default">div内容</div> <iframe id="childFrame" src="child.html"></iframe>

</body> </html>

<!DOCTYPE html>

<html>

<head> <title>child</title> <meta charset="UTF-8">

$(function() {

//在iframe子页面中查找父页面元素

alert($('#default', window.parent.document).html());

//在iframe中调用父页面中定义的变量

alert(parent.value);

//在iframe中调用父页面中定义的方法直接使用 parent.方法名

parent.sayhello(); });

function parent(){

alert(111111);

}

</script> </head> <body> <div>iframe子页面内容</div>

</body> </html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注