jquery_iframe父子级页面事件使用~

最新推荐文章于 2022-03-09 18:18:36 发布

aifu8508

最新推荐文章于 2022-03-09 18:18:36 发布

阅读量138

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sugege/p/7902766.html

版权

1、index.html

<body topmargin='0' leftmargin='0' style="background:#ccc">　　　　//这里的属性只是为了全屏下边无间隙
　　index.html
    <iframe src="main.html" id="indexMain" style="margin-bottom:-5px;position:relative;"></iframe>　　　　//这里的样式的为了跳转之后移动端input输入完成之后下边无间隙
</body>

<script>
/*父级本页面事件*/
    function oIndexFn(){
            alert("父级页面index.html事件调用成功");
        }
/*调用子页面事件*/
$(document).click(function(){
　　alert("您点击的是父页面[index]")
    $("#indexMain")[0].contentWindow.oMainFn();    //iframe的id
})
</script>

2、main.html

<body style="background:#f0f0f0">
    main.html
</body>

<script>
/*子级本页面事件*/
    function oMainFn(){
            alert("子页面main.html事件调用成功");
        }
/*调用父页面事件*/
$(document).click(function(){
　　alert("您点击的是子页面！[main]")
    parent.window.oIndexFn();       //调用父级页面事件
})
</script>

转载于:https://www.cnblogs.com/sugege/p/7902766.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aifu8508

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery_iframe父子级页面事件使用~

1、index.html<body topmargin='0' leftmargin='0' style="background:#ccc">　　　　//这里的属性只是为了全屏下边无间隙　　index.html <iframe src="main.html" id="indexMain" style="margin-bottom:-5px;positi...
复制链接

扫一扫