要實(shí)現(xiàn)跨HTML頁(yè)面調(diào)用JavaScript函數(shù)，可以采用以下幾種方法：

噶爾網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、自適應(yīng)網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)公司2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

1、使用window.opener對(duì)象

當(dāng)一個(gè)HTML頁(yè)面通過window.open()方法打開另一個(gè)HTML頁(yè)面時(shí)，被打開的頁(yè)面可以通過window.opener對(duì)象訪問打開它的頁(yè)面的JavaScript函數(shù)，有兩個(gè)HTML頁(yè)面：parent.html和child.html，在parent.html中，我們通過window.open()方法打開child.html，然后在child.html中調(diào)用parent.html的JavaScript函數(shù)。

parent.html代碼示例：

    
    
    


    
Parent Page
    Open Child Page
    

child.html代碼示例：

    
    
    


    
Child Page
    Call Parent Function
    

2、使用postMessage和onmessage事件

通過window.postMessage()方法，我們可以在不同的HTML頁(yè)面之間發(fā)送消息，接收方可以通過監(jiān)聽onmessage事件來接收消息并執(zhí)行相應(yīng)的操作，有兩個(gè)HTML頁(yè)面：parent.html和child.html，在parent.html中，我們通過window.open()方法打開child.html，然后在child.html中通過postMessage向parent.html發(fā)送消息，parent.html監(jiān)聽到消息后執(zhí)行相應(yīng)的JavaScript函數(shù)。

parent.html代碼示例：

    
    
    


    
Parent Page
    Open Child Page
    

child.html代碼示例：

    
    
    


    
Child Page
    Send Message to Parent
    

以上就是兩種跨HTML頁(yè)面調(diào)用JavaScript函數(shù)的方法，在實(shí)際開發(fā)中，可以根據(jù)需求選擇合適的方法來實(shí)現(xiàn)跨頁(yè)面調(diào)用。

本文名稱：如何跨html調(diào)用js函數(shù)調(diào)用
轉(zhuǎn)載源于：http://www.5511xx.com/article/copgips.html