uexWindow

1、簡介

　 窗口對象。窗口對象是實現多窗口機制的基本單元。使用窗口對象構建Hybrid App，在性能方面更加接近Native App的體驗。
AppCan平臺中，維護了一個窗口堆棧，每個窗口以唯一的窗口名字來區(qū)別。窗口名字是 通過uexWindow.open來賦值的。然而有一個窗口是比較特殊的，即加載起始頁的窗口，因為起始頁是由 config.xml中配置的，無法進行窗口名的賦值，因此，AppCan對加載起始頁的窗口統一命名為’root’，也就是說 ，其它通過uexWindow.open開啟的窗口，不能再命名為’root’。

1.1 window.uexOnload

　 窗口加載完畢后平臺將觸發(fā)此方法。類比window.onload方法，都是html頁面加載完成 之后觸發(fā)的方法。區(qū)別是，window.uexOnload方法會晚于window.onload方法，原因是window.uexOnload需要等 待AppCan擴展對象，即’uex’前綴的對象初始化完畢。事件加載完成之后，可以安全的使用uex擴展對象。

1.2 浮動窗口

　 主窗口之上可以有多個浮動窗口，即浮動窗口是附屬于某個主窗口的。主窗口關閉后， 其上所有浮動窗口也都會關閉。所有的窗口都有唯一的名字，通過uexWindow.open打開的是一個主窗口，浮動窗口則通過主窗口uexWindow.openPopover創(chuàng)建（ 浮動窗口不可創(chuàng)建“openPopover”浮動窗口）。一個主窗口上的多個浮動窗口名字是唯一的，但不同主窗口上的浮動窗 口名字可以相同。浮動窗口可以有彈動效果，可以有數學變化：放大，旋轉，移動等。浮動窗口能夠解決的事情 很多，比如解決手機瀏覽器不支持局部DIV滾動, 上下拉刷新特效，抽屜特效等問題。

1.3多窗口之間的通訊

　 窗口之間的通訊，比如從網絡獲取一個數據，根據返回的數據，讓其它窗口執(zhí)行相應的 變化，這就需要用到窗口間通訊機制。
　 主窗口之間通訊: uexWindow.evaluateScript(winName, type, script)
　 主窗口與浮動窗口之間通訊: uexWindow.evaluateScript(winName, type, script); uexWindow.evaluatePopoverScript(winName, type, script);
　 最后一個參數script，是目標窗口的執(zhí)行腳本。腳本形參限定為數字和字符串。如果是 特殊字符和漢字，則無法傳遞，可以通過window.localStorage暫存數據，在執(zhí)行腳本的目標窗口中獲取 localStorage。

1.4 多窗口通訊之訂閱發(fā)布模式

　 調用接口subscribeChannelNotification訂閱一個頻道，注冊監(jiān)聽函數。 在任何窗口（包括主窗口，浮動窗口，多頁面浮動窗口）調用publishChannelNotification接口發(fā)布消息，對應頻道的所有訂閱者，將收到消息，回調函數將被調用，并傳入相應的參數.

1.5 窗口側邊欄菜單效果(抽屜效果)

　 調用setSlidingWindow接口實現側邊欄菜單效果。手勢滑動實現側邊欄菜單的打開和關閉功能。相關接口：setSlidingWindowEnabled，toggleSlidingWindow

2、API概覽

2.1、窗口類方法

open 打開窗口

uexWindow.open(windName,dataType,data,animID,w,h,flag,animDuration,extras)

說明:
打開一個新窗口，如果窗口名字相同，則會覆蓋相同窗口名字的頁面內容。

參數:

var extras = {
    extraInfo:{//網頁配置
        opaque:,//Boolean 可選 頁面是否透明，默認false
        bgColor:,//String 可選 支持圖片和顏色，格式為 #fff、#ffffff、rgba(r,g,b,a)等，圖片路徑支持 res:// wgt:// 等AppCan協議路徑
        hardware: //是否開啟硬件加速，0：否，1：開啟（僅Android）
    },
    animationInfo:{//動畫配置,僅iOS且animationID選擇bounce類的動畫時有效
        bounciness:,//Number,可選，模擬彈性大小系數，傳0-1之間的double值，越大表示彈性越快
        speed:,//Number,可選,模擬震蕩速度系數，傳0-1之間的double值，越大表示速度越快
    }
}

平臺支持：

Android2.2+
iOS6.0+

版本支持：

3.0.0+

示例:

uexWindow.open('dd', '0', 'index.html', 1, '', '', 0, 500);

openPresentWindow 打開一個位于最上層的window

uexWindow.openPresentWindow(windName,dataType,data,animID,w,h,flag,animDuration,extras)

說明:

該接口打開一個位于最上層的window?？梢杂糜?code style="box-sizing: border-box; font-family: Consolas, Monaco, courier, monospace; padding: 3px; margin-right: 0px; font-size: 14px; color: rgb(199, 37, 78); background-color: rgb(246, 246, 246); border: 1px solid rgb(221, 221, 221);">uexWindow.open()使用flag值為1024時，需要關閉底層的某個window，而該window不關閉。如:開啟側滑關閉后A打開B，B打開C，在C頁面需要關閉B，但是C不關閉。這個時候可以在B中調用uexWindow.openPresentWindow打開C。

參數:

與uexWindow.open()一致

平臺支持：

Android2.2+
iOS 6.0+

版本支持：

3.3.1+

示例:

uexWindow.openPresentWindow('dd', '0', 'index.html', 1, '', '', 0, 500);

close 關閉窗口

uexWindow.close(animID,animDuration)

說明:
關閉當前窗口，若為浮動窗口直接關閉，若為主窗口，則同時會關閉在其上打開的所有浮動窗口
參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.close(-1, 1000);

forward 前進到下一個頁面

uexWindow.forward()

說明:
僅在主窗口起作用，針對通過a標簽跳轉的網頁，支持加密網頁。

參數:
無

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

back 返回上一個頁面

uexWindow.back()

說明:
支持加密網頁的back，僅在主窗口起作用。在手機的webkit中，存在一個Bug，當A.html跳轉到B.html,B.html跳轉到C.html，那么，用自帶的history.back(),從C返回到B，B再返回的話，會返回到C，即陷入死循環(huán)。

參數:
無

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

pageForward 前進到下一個頁面

uexWindow.pageForward()

說明:
不支持含加密網頁的forward，支持在主窗口和浮動窗口中調用

參數:
無
平臺支持：
Android2.2+
iOS6.0+
版本支持：
3.0.0+

pageBack 返回上一個頁面

uexWindow.pageBack()

說明:
不支持含加密網頁的back，支持在主窗口和浮動窗口中調用。

參數:
無
平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

windowForward 前進到下一個窗口

uexWindow.windowForward(animID,animDuration)

說明:
在多窗口機制中，前進到下一個window。

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

windowBack 返回到上一個窗口

uexWindow.windowBack(inAnimitionID,inAnimDuration)

說明:
在多窗口機制中，用于返回上一個window，比如在Awindow中uexWindow.open了Bwindow，那么在Bwindow中返回Awindow就可使用此方法。

參數:

平臺支持：
Android2.2+
iOS6.0+
版本支持：
3.0.0+

setWindowFrame 移動當前窗口位置

uexWindow.setWindowFrame(x,y,animDuration)

說明:
移動當前Window相對屏幕的位置

參數:

平臺支持：
Android2.2+
iOS6.0+
版本支持：
3.0.0+
示例:

uexWindow.setWindowFrame(200,200,1000)

openSlibing 打開一個兄弟窗口

uexWindow.openSlibing(type,dataType,url,data,w,h)

說明:
打開一個兄弟窗口

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.openSlibing(1, "0", "nav.html", "", "", 75);

closeSlibing 關閉一個兄弟窗口

uexWindow.closeSlibing(type)

說明:
關閉一個兄弟窗口

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.closeSlibing(2);

showSlibing 顯示兄弟窗口

uexWindow.showSlibing(type)

說明:
顯示open過的兄弟窗口

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.showSlibing(1)

evaluateScript 執(zhí)行js腳本

uexWindow.evaluateScript(windName,type,js)

說明:
執(zhí)行js腳本

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.evaluateScript("", 0, "alert('執(zhí)行去吧??！');");

evaluatePopoverScript 在浮動窗口中執(zhí)行js腳本

uexWindow.evaluatePopoverScript(windName,popName,js)

說明:
在浮動窗口中執(zhí)行js腳本

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.evaluatePopoverScript("", "sss", "alert('執(zhí)行去吧??！');");

evaluateMultiPopoverScript 在多頁面浮動窗口中執(zhí)行js腳本

uexWindow.evaluateMultiPopoverScript(windName,popName,inPageName,js)

說明:
在多頁面浮動窗口中執(zhí)行js腳本

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.evaluateMultiPopoverScript("", "multipop", "pop2", "alert('multipop')");

openPopover 打開浮動窗口

uexWindow.openPopover(popName,dataType,url,data,x,y,w,h,fontSize,flag,bottomMargin,extraInfo)

說明:
打開浮動窗口，如果浮動窗口名字相同，則會覆蓋相同浮動窗口名字的頁面內容。浮動窗口可通過主窗口openPopover創(chuàng)建，浮動窗口不可創(chuàng)建“openPopover”浮動窗口。
參數:

關于extraInfo中字段的說明如下：

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.openPopover("sss",0,"hidden.html","",0,0,'','','',0,100);

closePopover 關閉浮動窗口

uexWindow.closePopover(popName)

說明:
關閉浮動窗口

參數:

平臺支持：
Android2.2+
iOS6.0+
版本支持：
3.0.0+
示例:

uexWindow.closePopover('sss')

preOpenStart 開始浮動窗口的預加載

uexWindow.preOpenStart()

說明:
popOver的預加載必須要與uexWindow.open中的flag：uex.cWiondowFlagPreOpen=64配合使用，即open時有此flag方可對應使用預加載。開始popOver(浮動窗口)的預加載。即一個窗口中需要有多個浮動窗口，可以讓這些浮動窗口預先加載出來。其執(zhí)行過程：A窗口打開B窗口，B窗口中需要預加載多個浮動窗口。那么A窗口中執(zhí)行uexWindow.open時，其flag參數需要：uex.cWiondowFlagPreOpenreOpen=64配合使用，即open時有此flag，B窗口方可使用預加載。此時在B窗口中，會等所有預加載的浮動窗口都加載完畢（不包括異步獲取網絡數據），方才顯示B窗口。預加載的浮動窗口的開啟函數，即uexWindow.openPopover，需要放置于uexWindow.preOpenStart和uexWindow.preOpenFinish之間。

參數:
無

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:
在A窗口中，首先open窗口B，在B窗口中，預加載多個浮動窗口：A.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>AppCan API uexWindow A</title>
    <meta charset="utf-8">
    <script>
    window.uexOnload = function(type){
    if(!type){
    uexWindow.open("B",0,"B.html",0,"","",64);
    }
    }
    </script>
    </head>
    <body>
    </body>
    </html>

B.html

<!DOCTYPE html>
    <html>
    <head>
    <title>AppCan API uexWindow B</title>
    <meta charset="utf-8">
    </head>
    <body>
    </body>
    <script>
    window.uexOnload = function(type){
    if(!type){
    var s = window.getComputedStyle($$("content"), null);
    uexWindow.preOpenStart();        
    uexWindow.openPopover("B1","0","B1.html","",0,int($$("header").offsetHeight),int(s.width),int(s.height),int(s.fontSize),"0");
    uexWindow.openPopover("B2","0","B2.html","",0,int($$("header").offsetHeight),int(s.width),int(s.height),int(s.fontSize),"0");
    uexWindow.preOpenFinish();
    }
    }
    </script>
    </html>

preOpenFinish 結束浮動窗口的預加載

uexWindow.preOpenFinish()

說明:
結束浮動窗口的預加載

參數:
無

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.preOpenFinish()

setPopoverFrame 更改浮動窗口的位置和大小

uexWindow.setPopoverFrame(popName,x,y,w,h)

說明:
更改浮動窗口的位置和大小

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.setPopoverFrame('sss',500,200,400,400);

setPopoverVisibility 設置浮動窗口是否顯示

uexWindow.setPopoverVisibility(popName,visible)

說明:
設置浮動窗口是否顯示

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.setPopoverVisibility('sss',0);

openMultiPopover 打開多頁面浮動窗口

uexWindow.openMultiPopover(content,popName,dataType,x,y,w,h,fontSize,flag,indexSelected,extraInfo)

說明:
在當前window打開一個多頁面浮動窗口,頁面之間滑動切換，設置是否支持滑動參照setMultilPopoverFlippingEnbaled

參數:

content json中各字段的說明：

extraInfo json中各字段的說明：

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:
實例下載，建議采用JSSDK封裝接口方法，參考appcan.frame.open和appcan.window.openMultiPopover

uexWindow.openMultiPopover('{"content":[{"inPageName":"p1", "inUrl":"hidden.html","inData":""},{"inPageName":"p2", "inUrl":"hidden1.html","inData":""}]}',"sss",0,400,0,'','','',0,1);

closeMultiPopover 關閉多頁面浮動窗口

uexWindow.closeMultiPopover(popName)

說明:
關閉多頁面浮動窗口

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.closeMultiPopover('sss')

setSelectedPopOverInMultiWindow 設置多頁面浮動窗口跳轉到的子頁面窗口的索引

uexWindow.setSelectedPopOverInMultiWindow(popName, indexPage)

說明:
設置多頁面浮動窗口跳轉到的子頁面窗口的索引

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.setSelectedPopOverInMultiWindow('sss', 0);

setMultiPopoverFrame 更改多頁面浮動窗口的位置和大小

uexWindow.setMultiPopoverFrame(popName,x,y,w,h)

說明:
更改多頁面浮動窗口的位置和大小

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例：

uexWindow.setMultiPopoverFrame("multipop", "10", "10", "600", "600");

bringToFront 置頂當前浮動窗口

uexWindow.bringToFront()

說明:
置頂當前浮動窗口

參數:
無

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:
主窗口A中打開浮動窗口B1,B2,B3，代碼如下：
A.html

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <script type="text/javascript">
    window.uexOnload = function(type){
    uexWindow.openPopover("pop1",0,"B1.html","",400,0,'','','',0,0);
    uexWindow.openPopover("pop2",0,"B2.html","",400,100,'','','',0,0);
    uexWindow.openPopover("pop3",0,"B3.html","",400,200,'','','',0,0);
    }
    function bringPopoverToFront(){
    uexWindow.bringPopoverToFront("pop1");
    }
    function sendPopoverToBack(){
    uexWindow.sendPopoverToBack("pop1");
    }
    function insertPopoverAbovePopover(){
    uexWindow.bringPopoverToFront("pop1","pop3");
    }
    function insertPopoverBelowPopover(){
    uexWindow.insertPopoverBelowPopover("pop1","pop3");
    }
    </script>
    </head>
    <body class="um-vp" ontouchstart>
    <div class="conbor">
    <div class="consj">
    <input class="btn" type="button" value="置頂窗口" onclick="bringPopoverToFront()"/>
    <input class="btn" type="button" value="置底窗口" onclick="sendPopoverToBack()"/>
    <input class="btn" type="button" value="插入之上" onclick="insertPopoverAbovePopover()"/>
    <input class="btn" type="button" value="插入之下" onclick="insertPopoverBelowPopover()"/>
    </div>
    </div>
    </body>
    </html>

B1.html

<!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-
    scale=1.0, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript">
    window.uexOnload = function(type){
    uexWindow.bringToFront();
    }
    </script>
    </head>
    <body style="background:#077333;">
    <div class="tit">B1</div>
    <div class="consj">
    <span class="tit"></span>
    <input class="btn" type="button" value="置底當前浮動窗口" onclick="uexWindow.sendToBack();">
    <input class="btn" type="button" value="插入之上" onclick="uexWindow.insertAbove('pop2');">
    <input class="btn" type="button" value="插入之下" onclick="uexWindow.insertBelow('pop2');">
    </div>
    </body>
    </html>

sendToBack 置底當前浮動窗口

uexWindow.sendToBack()

說明:
置底當前浮動窗口

參數:
無

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.sendToBack()

insertAbove 將當前浮動窗口插入到指定浮動窗口之上

uexWindow.insertAbove(name)

說明:
將當前浮動窗口插入到指定浮動窗口之上

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.insertAbove('pop2');

insertBelow 將當前浮動窗口插入到指定浮動窗口之下

uexWindow.insertBelow(name)

說明:
將當前浮動窗口插入到指定浮動窗口之下

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.insertBelow('pop2');

bringPopoverToFront 置頂指定浮動窗口

uexWindow.bringPopoverToFront(name)

說明:
置頂指定浮動窗口，只在主窗口中有效

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.bringPopoverToFront("pop1");

sendPopoverToBack 置底指定浮動窗口

uexWindow.sendPopoverToBack(name)

說明:
置底指定浮動窗口，只在主窗口中有效

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.sendPopoverToBack("pop1");

insertPopoverAbovePopover 將指定浮動窗口插入到另一浮動窗口之上

uexWindow.insertPopoverAbovePopover(nameA,nameB)

說明:
將浮動窗口A插入到浮動窗口B之上，只在主窗口中有效

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.insertPopoverAbovePopover("pop1","pop3");

insertPopoverBelowPopover

將指定浮動窗口插入到另一浮動窗口之下

uexWindow.insertPopoverBelowPopover(nameA,nameB)

說明:
將浮動窗口A插入到浮動窗口B之下，只在主窗口中有效

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.insertPopoverBelowPopover("pop1","pop3");

insertWindowAboveWindow 將指定窗口插入到另一窗口之上

uexWindow.insertWindowAboveWindow(nameA,nameB)

說明:

將指定窗口A插入到另一窗口B之上，該接口僅對顯示在屏幕上且不被隱藏的window起作用。（即open該window時，flag傳入的是256）

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.insertWindowAboveWindow("pop1","pop3");

insertWindowBelowWindow 將指定窗口插入到另一窗口之下

uexWindow.insertWindowBelowWindow(nameA,nameB)

說明:
將指定窗口A插入到另一窗口B之下，該接口僅對顯示在屏幕上且不被隱藏的window起作用。（即open該window時，flag傳入的是256）

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.insertWindowBelowWindow("pop1","pop3");

setWindowHidden 設置當前窗口顯示和隱藏

uexWindow.setWindowHidden(visible)

說明:
設置當前窗口顯示和隱藏，該接口僅對顯示在屏幕上且不被隱藏的window起作用。（即open該window時，flag傳入的是256）

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.setWindowHidden(1);

toggleSlidingWindow 打開側滑窗口

uexWindow.toggleSlidingWindow(json)

說明:
打開側滑窗口

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例：

var params  = {
    mark:0,
    reload:1
};
var paramStr = JSON.stringify(params);
uexWindow.toggleSlidingWindow(paramStr);

setSlidingWindow 設置側滑窗口

uexWindow.setSlidingWindow(json)

說明:
設置側滑窗口

參數:

json字符串中各字段含義如下:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例：

var params = { 
leftSliding:{
        width:240,
        url:"uexWindow_left.html"
    },
    rightSliding:{
        width:240,
        url:"uexWindow_left.html"
    } 
 }; 
 var paramStr = JSON.stringify(params);
 uexWindow.setSlidingWindow(paramStr);

setSlidingWindowEnabled 設置側滑窗口是否可用

uexWindow.setSlidingWindowEnabled(enable)

說明:
設置側滑窗口是否可用

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例：

uexWindow.setSlidingWindowEnabled(1);

setMultilPopoverFlippingEnbaled 設置控件是否響應滑動事件

uexWindow.setMultilPopoverFlippingEnbaled(enable)

說明:
設置控件是否響應滑動事件,該接口需要在Multipopover的子頁面中調用

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例：

uexWindow.setMultilPopoverFlippingEnbaled(1);

postGlobalNotification 發(fā)送全局消息

uexWindow.postGlobalNotification(content)

說明:
發(fā)送全局消息，用于窗口之間的通信，調用該方法時，所有打開（通過調用uexWindow的open和openPopover方法）的窗口只要注冊過onGlobalNotification，都會被調用。

參數:

平臺支持：
Android2.2+

版本支持：
3.0.0+

示例：
這里一共涉及到3個網頁，index.html，index1.html，index2.html，其中在index2.html中發(fā)送全局消息。代碼如下：
index.html

<!DOCTYPE html>
    <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <script>
    function onGlobalNotification(ret){
    console.log("index:"+ret);
    }
    function openWindow(){
    uexWindow.open('index','0','index1.html','2','','',0);
    //uexWindow.openPopover('index',"0",'index1.html',"","","","","","","0");
    }
    </script>
    </head>
    <body class="um-vp c-wh" ontouchstart>
    <div id="page_0" class="up ub ub-ver" tabindex="0">
    <!--header開始-->
    <div id="header" class="uh c-org c-m1 t-wh ub">
    <h1 class="ut ub-f1 ulev0 ut-s tx-c">index.html</h1>
    </div>
    <!--header結束-->
    <div>
    <input type="button" value="index1" onClick="openWindow()" style="line-height:2em;font-size:14px"/>
    </div>
    </div>
    </body>
    <script>
    window.uexOnload = function(type){
    uexWindow.onGlobalNotification = onGlobalNotification;
    }
    </script>
    </html>

index1.html

<!DOCTYPE html>
    <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <script>
    function onGlobalNotification(ret){
    console.log("index1:"+ret);
    }
    function openWindow(){
    uexWindow.open('index1','0','index2.html','2','','',0);
    //uexWindow.openPopover('index1',"0",'index2.html',"","","","","","","0");
    }
    </script>
    </head>
    <body class="um-vp c-wh" ontouchstart>
    <div id="page_0" class="up ub ub-ver" tabindex="0">
    <!--header開始-->
    <div id="header" class="uh c-org c-m1 t-wh ub">
    <h1 class="ut ub-f1 ulev0 ut-s tx-c">index1.html</h1>
    </div>
    <!--header結束-->
    <div>
    <input type="button" value="index2" onClick="openWindow()" style="line-height:2em;font-size:14px"/>
    </div>
    </div>
    </body>
    <script>
    window.uexOnload = function(type){
    uexWindow.onGlobalNotification = onGlobalNotification;
    }
    </script>
    </html>

index2.html

<!DOCTYPE html>
    <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <script>
    function onGlobalNotification(ret){
    console.log("index2:"+ret);
    }
    </script>
    </head>
    <body class="um-vp c-wh" ontouchstart>
    <div id="page_0" class="up ub ub-ver" tabindex="0">
    <!--header開始-->
    <div id="header" class="uh c-org c-m1 t-wh ub">
    <h1 class="ut ub-f1 ulev0 ut-s tx-c">index2.html</h1>
    </div>
    <!--header結束-->
    </div>
    </body>
    <script>
    window.uexOnload = function(type){
    uexWindow.onGlobalNotification = onGlobalNotification;
    uexWindow.postGlobalNotification("test just!");
    }
    </script>
    </html>

subscribeChannelNotification 注冊接收消息通知的監(jiān)聽器

uexWindow.subscribeChannelNotification(channelId,functionName)

說明:
窗口之間的通信，可以通過發(fā)布/訂閱模式來實現。窗口調用此接口訂閱頻道監(jiān)聽，當在另一窗口調用publishChannelNotification或publishChannelNotificationForJson時，對應此頻道的回調方法將被調用，并傳入相應的參數。

參數:

平臺支持：

Android2.2+
iOS 6.0+

版本支持：
3.0.0+

示例：
這里一共涉及到3個網頁，index.html，index1.html，index2.html，其中在index2.html中發(fā)送全局消息。代碼如下：
index.html

<!DOCTYPE html>
    <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <script>
    function onNotification(ret){
    console.log("index:"+ret);
    }
    function openWindow(){
    uexWindow.open('index','0','index1.html','2','','',0);
    //uexWindow.openPopover('index',"0",'index1.html',"","","","","","","0");
    }
    </script>
    </head>
    <body class="um-vp c-wh" ontouchstart>
    <div id="page_0" class="up ub ub-ver" tabindex="0">
    <!--header開始-->
    <div id="header" class="uh c-org c-m1 t-wh ub">
    <h1 class="ut ub-f1 ulev0 ut-s tx-c">index.html</h1>
    </div>
    <!--header結束-->
    <div>
    <input type="button" value="index1" onClick="openWindow()" style="line-height:2em;font-size:14px"/>
    </div>
    </div>
    </body>
    <script>
    window.uexOnload = function(type){
    uexWindow.onNotification = onNotification;
    uexWindow.subscribeChannelNotification("No1", "onNotification");
    }
    </script>
    </html>

index1.html

<!DOCTYPE html>
    <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <script>
    function onNotification(ret){
    console.log("index1:"+ret);
    }
    function openWindow(){
    uexWindow.open('index1','0','index2.html','2','','',0);
    //uexWindow.openPopover('index1',"0",'index2.html',"","","","","","","0");
    }
    </script>
    </head>
    <body class="um-vp c-wh" ontouchstart>
    <div id="page_0" class="up ub ub-ver" tabindex="0">
    <!--header開始-->
    <div id="header" class="uh c-org c-m1 t-wh ub">
    <h1 class="ut ub-f1 ulev0 ut-s tx-c">index1.html</h1>
    </div>
    <!--header結束-->
    <div>
    <input type="button" value="index2" onClick="openWindow()" style="line-height:2em;font-size:14px"/>
    </div>
    </div>
    </body>
    <script>
    window.uexOnload = function(type){
    uexWindow.onNotification = onNotification;
    uexWindow.subscribeChannelNotification("No2", "onNotification");
    }
    </script>
    </html>

index2.html

<!DOCTYPE html>
    <html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <script>
    function onNotification(ret){
    console.log("index2:"+ret);
    }
    </script>
    </head>
    <body class="um-vp c-wh" ontouchstart>
    <div id="page_0" class="up ub ub-ver" tabindex="0">
    <!--header開始-->
    <div id="header" class="uh c-org c-m1 t-wh ub">
    <h1 class="ut ub-f1 ulev0 ut-s tx-c">index2.html</h1>
    </div>
    <!--header結束-->
    </div>
    </body>
    <script>
    window.uexOnload = function(type){
    uexWindow.onNotification = onNotification;
    uexWindow.subscribeChannelNotification("No1", "onNotification");
    uexWindow.subscribeChannelNotification("No2", "onNotification");
    uexWindow.publishChannelNotification("No1","channel 1 test just!");
    uexWindow.publishChannelNotification("No2","channel 2 test just!");
    }
    </script>
    </html>

publishChannelNotification 發(fā)布消息通知

uexWindow.publishChannelNotification(channelId,content)
說明:
發(fā)布消息通知，此頻道的所有訂閱者，將收到消息，回調函數將被調用，并傳入相應的參數.

參數:

平臺支持：
Android2.2+
iOS6.0+
版本支持：
3.0.0+

示例：

uexWindow.publishChannelNotification("No1","channel 1 test just!");

publishChannelNotificationForJson 發(fā)布Json類型消息通知

uexWindow.publishChannelNotificationForJson(channelId,content)
說明:
發(fā)布消息通知，此頻道的所有訂閱者，將收到消息，回調函數將被調用，并傳入相應的參數.

參數:

平臺支持：
Android2.2+
iOS6.0+
版本支持：
3.0.0+

示例：

var json = ｛
      key ：value
｝
uexWindow.publishChannelNotificationForJson("No1",JSON.stringify(json));

getState 獲取當前窗口處于前臺還是后臺

uexWindow.getState()

說明:
獲取當前窗口處于前臺還是后臺

參數:
無

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例：

uexWindow.getState()

getHeight 獲取window的高度

uexWindow.getHeight(jsonStr)

參數:
無

示例:

 var height=uexWindow.getHeight();
 console.log("height: "+height);

平臺支持：

Android 2.2+
iOS 6.0+

版本支持：

3.2.0+

getWidth 獲取window的寬度

uexWindow.getWidth(jsonStr)

參數:
無

示例:

 var width=uexWindow.getWidth();
 console.log("width: "+ width);

平臺支持：

Android 2.2+
iOS 6.0+

版本支持：

3.2.0+

getUrlQuery 獲取加載頁面時傳入的參數

uexWindow.getUrlQuery()

說明:
獲取加載頁面時傳入的參數, 其回調函數是cbGetUrlQuery

參數:
無

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例：

uexWindow.getUrlQuery();

getSlidingWindowState 獲取側滑窗口顯示情況

uexWindow.getSlidingWindowState()

說明:
獲取側滑窗口顯示情況,回調方法cbSlidingWindowState

參數:

無

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例：

uexWindow.getSlidingWindowState();

2.2、系統UI類方法

alert 彈出alert對話框

uexWindow.alert(title,message,buttonLable)

說明:
彈出只有一個確定按鈕的對話框

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.alert("提示","alert框測試","OK");

confirm 彈出confirm對話框

uexWindow.confirm(title,message,buttonLable)

說明:
彈出至少包含一個至多包含3個按鈕的對話框

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.confirm("警告","確定退出么？","OK,Cancel");

prompt 彈出prompt對話框

uexWindow.prompt(title,message,defaultValue,buttonLable,hint)

說明:
彈出包含兩個按鈕且?guī)л斎肟虻膶υ捒?/p>

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.prompt("提示","請輸入內容：","","OK,Cancel");

toast 彈出消息提示框

uexWindow.toast(type,location,msg,duration)

說明:
彈出消息提示框，常見的用于獲取網絡數據，在請求過程中給個加載提示，數據加載完成時關閉提示。

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.toast(1,5,"正在加載...",0);

closeToast 關閉消息提示框

uexWindow.closeToast()

說明:
關閉消息提示框

參數:
無

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例:

uexWindow.closeToast()

createProgressDialog 創(chuàng)建全局對話框

uexWindow.createProgressDialog(title,msg,canCancel)

說明:

創(chuàng)建一個全局對話框，屏蔽用戶對界面的一切操作，可以定義是否模態(tài)。常見的用于獲取網絡數據，在請求過程中給個加載提示，數據加載完成時關閉提示。

參數:

平臺支持：

iOS 6.0+
Android 4.0+

版本支持：

iOS 3.2.0+
Android 3.0.0+

示例：

uexWindow.createProgressDialog('','正在加載,請稍候...',0);

destroyProgressDialog 銷毀全局對話框

uexWindow.destroyProgressDialog()

說明:
銷毀全局對話框

參數:
無

平臺支持：

iOS 6.0+
Android 4.0+

版本支持：

iOS 3.2.0+
Android 3.0.0+

示例：

uexWindow.destroyProgressDialog()

actionSheet 彈出菜單列表

uexWindow.actionSheet(title,cancel,buttonLables)

說明:
從界面底部彈出按鈕列表, 其回調接口是cbActionSheet

參數:

平臺支持：
Android2.2+
iOS6.0+
版本支持：
3.0.0+
示例:

uexWindow.actionSheet("菜單","Cancel","Opt1,Opt2,Opt3,Opt4,Opt5,Opt6");

2.3、系統control類方法

setOrientation 設置屏幕方向

uexWindow.setOrientation(orientation)

說明:
設置屏幕方向

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例：

uexWindow.setOrientation(1);

setWindowScrollbarVisible 設置滾動條的顯示和隱藏

uexWindow.setWindowScrollbarVisible(visible)

說明:
設置滾動條的顯示和隱藏

參數:

平臺支持：
Android2.2+
iOS6.0+

版本支持：
3.0.0+

示例：

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-
    scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <script type="text/javascript">
    window.uexOnload = function(type){
    }
    function setDis(vis){
    uexWindow.setWindowScrollbarVisible(vis);
    }
    </script>
    </head>
    <body class="um-vp" ontouchstart>
    <div class="conbor">
    <div class="consj">
    <input class="btn" type="button" value="顯示" onclick="setDis('true')"/>
    <input class="btn" type="button" value="隱藏" onclick="setDis('false')"/>
    </div>
    </div>
    </body>
    </html>

setReportKey 設置當前頁面是否攔截某個按鍵

uexWindow.setReportKey(keyCode,enable)

說明:
設置當前頁面是否攔截某個按鍵

參數:

平臺支持：
Android2.2+

版本支持：
3.0.0+

示例:

uexWindow.setReportKey(1,1)

showSoftKeyboard 彈出軟鍵盤

uexWindow.showSoftKeyboard()

說明:
彈出Android設備軟鍵盤

參數:
無

平臺支持：
Android2.2+

版本支持：
3.0.0+

hideSoftKeyboard 關閉軟鍵盤

uexWindow.hideSoftKeyboard()

說明:
關閉Android設備軟鍵盤

參數:
無

平臺支持：
Android2.2+

版本支持：
3.1.0+

setSwipeRate 設置左右手勢的靈敏度