要实现跨HTML页面调用JavaScript函数，可以采用以下几种方法：

噶尔网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。创新互联公司2013年成立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

1、使用window.opener对象

当一个HTML页面通过window.open()方法打开另一个HTML页面时，被打开的页面可以通过window.opener对象访问打开它的页面的JavaScript函数，有两个HTML页面：parent.html和child.html，在parent.html中，我们通过window.open()方法打开child.html，然后在child.html中调用parent.html的JavaScript函数。

parent.html代码示例：

    
    
    


    
Parent Page
    Open Child Page
    

child.html代码示例：

    
    
    


    
Child Page
    Call Parent Function
    

2、使用postMessage和onmessage事件

通过window.postMessage()方法，我们可以在不同的HTML页面之间发送消息，接收方可以通过监听onmessage事件来接收消息并执行相应的操作，有两个HTML页面：parent.html和child.html，在parent.html中，我们通过window.open()方法打开child.html，然后在child.html中通过postMessage向parent.html发送消息，parent.html监听到消息后执行相应的JavaScript函数。

parent.html代码示例：

    
    
    


    
Parent Page
    Open Child Page
    

child.html代码示例：

    
    
    


    
Child Page
    Send Message to Parent
    

以上就是两种跨HTML页面调用JavaScript函数的方法，在实际开发中，可以根据需求选择合适的方法来实现跨页面调用。

名称栏目：如何跨html调用js函数调用
URL链接：https://chengdu.cdxwcx.cn/article/copgips.html