HTML中如何安全调用5+ API （plus is not defined）

分类：HTML5+

5+App开发

HBuilder App Runtime是基于Webview进行扩展，在HTML页面加载时需要需自动引用5+ API扩展代码库进行一些必要的初始化操作，当5+ API扩展代码库加载完成时会触发“pluseready”事件通知5+ API可以安全调用。
因此，为了保证扩展5+ API的有效调用，所有HTML页面都需要正确处理“plusready”事件，可以通过document.addEventListener来监听事件：

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="utf-8"/>  
        <title>Hello World</title>  
        <script type="text/javascript" charset="utf-8">   
    // H5 plus事件处理  
    function plusReady(){  
        // 5+ API code  
        var ws = plus.webview.currentWebview();  
        // ......  
    }  
    //监听“plusready”事件  
    document.addEventListener("plusready",plusReady,false);  
        </script>   
    </head>   
    <body>   
        <h1>Example</h1>   
        <p>Hello World</p>   
    </body>   
</html>

9 赞关注分享