jquery_iframe父子級頁面事件使用~

時間 2019-11-17

原文原文鏈接

一、index.htmlhtml

<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>

二、main.htmlspa

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

<script>
/*子級本頁面事件*/
    function oMainFn(){
            alert("子頁面main.html事件調用成功");
        }
/*調用父頁面事件*/
$(document).click(function(){
　　alert("您點擊的是子頁面！[main]")
    parent.window.oIndexFn();       //調用父級頁面事件
})
</script>

相關標籤/搜索