APICloud

本文轉載自查看原文 2017-03-23 21:15 2901 Linux

apicloud的核心代碼：

①定義頁面載入事件：

apiready = function(){} //相當於window.onload

②$api對象

//根據元素的id獲取元素

dom對象 = $api.byId('元素的id屬性值');相當於document.getElementById(id);

③實現狀態欄沉浸效果

$api.fixStatusBar(header);

④$api.offset 獲取dom元素的位置

$api.offset(dom元素).h //獲取元素的高度

$api.offset(dom元素).w //獲取元素的寬度

⑤獲取window窗體的信息

api.winWidth //獲取窗體的寬度

api.winHeight //獲取窗體的高度

⑥打開frame框架

api.openFrame //打開新框架

其中只有一個參數，要求是一個json對象，參數如下：

name : 框架的名稱

url ：打開的連接地址

bounces : 是否可以拖動

rect:要求參數是一個json對象

//frame的高度為當前window高度減去header和footer的高度
        var frameH = api.winHeight - headerH - footerH;
        api.openFrame({
            name: 'main',
            url: 'html/main.html',
            bounces: true,
            rect: {
                x: 0,
                y: headerH,
                w: 'auto',
                h: frameH
            }
        });                    js中獲取年份   Var  year= new Date().getFullYear();

apiready = function(){
        //獲取引擎的版本號
        var ver = api.version;
        //獲取系統類型（Android 或IOS）
        var sType = api.systemType;
        //獲取系統的版本信息
        var sVer = api.systemVersion;
        //獲取設備標識符
        var id = api.deviceId;
        //獲取設備型號
        var model = api.deviceModel;
        //獲取設備名稱（小米|華為）
        var name = api.deviceName;
        //獲取網絡連接類型（3G|4G|wifi）
        var cType = api.connectionType;
        //獲取window窗體名稱
        var winName = api.winName;
        //獲取window窗體的寬度
        var winWidth = api.winWidth;
        //獲取window窗體的高度
        var winHeight = api.winHeight;
        //獲取frame框架的名稱
        var frameName = api.frameName || '';
        //獲取frame框架的寬度
        var frameWidth = api.frameWidth || '';
        //獲取frame框架的高度
        var frameHeight = api.frameHeight || '';
}