父級頁面：mian.html

子頁面1：top.html

子頁面2：index.html

頁面關係

 <div onclick="_top()">呼叫contentTop頁面的alertTop方法</div>
    <iframe id="contentTop" name="contentTop" frameborder="0" th:src="@{/top}" >
        你不支援iframe
    </iframe>
    <iframe id="contentMain" name="contentMain"  frameborder
 
="0" th:src="@{/index}" >
        你不支援iframe
    </iframe>

父頁面呼叫子頁面的方法 (mian.html呼叫top.html頁面的方法)

js寫法 這裡的contentTop對應的是iframe的name名

 function _top() {
        contentTop.window.alertTop();
    }

子頁面呼叫父頁面的方法 （top.html呼叫frame.html的方法）

在top.html頁面寫

<div id="_click">呼叫父級頁面的show()方法</
 
div>

js寫法

$("#_click").on('click',function () {
        parent.show();
    })

子頁面呼叫子頁面的方法 （top.html呼叫index.html中的方法）

 <div onclick="_top_index()">呼叫index.html的_index()方法</div>

js寫法 （這裡的contentMain對應的是frame.html中index.html的name名）

function _top_index() {
        parent.contentMain._index();
    }