要实现跨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函数调用
链接地址：http://www.mswzjz.cn/qtweb/news10/406960.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能