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

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

1、使用window.opener對象

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

parent.html代碼示例：

    
    
    


    
Parent Page
    Open Child Page
    

child.html代碼示例：

    
    
    


    
Child Page
    Call Parent Function
    

2、使用postMessage和onmessage事件

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

parent.html代碼示例：

    
    
    


    
Parent Page
    Open Child Page
    

child.html代碼示例：

    
    
    


    
Child Page
    Send Message to Parent
    

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

網頁標題：如何跨html調用js函數(shù)調用
文章起源：http://fisionsoft.com.cn/article/copgips.html