iframe父页面调用子页面方法

最新推荐文章于 2024-07-31 19:51:17 发布

online_c

最新推荐文章于 2024-07-31 19:51:17 发布

阅读量366

点赞数 1

分类专栏： JS学习记录文章标签： javascript html

本文链接：https://blog.csdn.net/weixin_42835381/article/details/109330239

版权

JS学习记录专栏收录该内容

6 篇文章 0 订阅

订阅专栏

子页面.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('.selectAll').click(function(){
$('input[name="check-item"]').prop('checked',this.checked);
})

window.parent.parentHello();
})
function sonHello() {
alert("this is son hello function!");
}

</script>
</head>
<body>
<div>
<input type="checkbox" class="selectAll" name="selectAll">全选
<input type="checkbox" name="check-item" οnclick="all();" />周一
<input type="checkbox" name="check-item" οnclick="all();" />周一
<input type="checkbox" name="check-item" οnclick="all();" />周一
<input type="checkbox" name="check-item" οnclick="all();" />周一
<input type="checkbox" name="check-item" οnclick="all();" />周一
</div>

</body>
</html>

父页面.html

$(function(){
$('#father').click(function(){
myframe.window.sonHello();
})

})
function parentHello() {
alert("this is parent hello function!");
}
// window.frames[0].sonHello();

</script>
</head>
<body>
<div>
<button id="father">点击</button>
<iframe src="checkall.html" name="myframe"></iframe>
</div>

</body>
</html>

online_c

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
iframe父页面调用子页面方法

子页面.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascrip..
复制链接

扫一扫

专栏目录