JSToOC.html 2.33 KB
Newer Older
zhukai committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
            <title></title>
            <script>
                //调用页面返回
                function backPage(){
                    window.webkit.messageHandlers.backPage.postMessage(0);
                }
            
            //播放一组图片  key:imageArray value: 图片数组
            function showImages() {
                var dic = {'imageArray':["http://pic35.nipic.com/20131104/12954233_100827450197_2.jpg",
                                         "http://pic35.nipic.com/20131104/12954233_100827450197_2.jpg",
                                         "http://www.taopic.com/uploads/allimg/140326/235113-1403260G01561.jpg",],
                                         'index':2
                };
                window.webkit.messageHandlers.showImages.postMessage(dic);
            }
            
            //显示视频 key:videoUrl value:视频地址
            function showVideo(){
                var dic = {"videoUrl" : "http://192.168.20.30/v/t/2016/12/30/1483062337134_241.mp4"}
                window.webkit.messageHandlers.showVideo.postMessage(dic);
            }
            
            //动态图片发布页
            function issuePicture(){
                window.webkit.messageHandlers.issueMoment.postMessage(1);
            }
            
            //动态视频发布页
            function issueVideo(){
                window.webkit.messageHandlers.issueMoment.postMessage(2);
            }
            
            //测试Native调用JS
            function testCallJs(){
                return '这是来自JS的返回值:成功!';
            }
            
            
                </script>
            
            </head>
    <body>
        <button onclick="backPage()" style="width: 200px;height: 200px;font-size: 40px;"> 返回 </button>
        <button onclick="showImages()" style="width: 200px;height: 200px;font-size: 20px;"> 播放一组图片 </button>
        <button onclick="showVideo()" style="width: 200px;height: 200px;font-size: 20px;"> 显示视频 </button>
        <button onclick="issuePicture()" style="width: 200px;height: 200px;font-size: 20px;"> 发布动态图片 </button>
        <button onclick="issueVideo()" style="width: 200px;height: 200px;font-size: 20px;"> 发布动态视频 </button>
    </body>
</html>