Amoy2
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
							<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>加载外链的页面</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
        <link rel="stylesheet" href="../../../common/cross/css/cross.css">
        <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css">
        <style type="text/css">
            .mui-icon-left-nav{
                display: block;
                width: 45px;
                height: 45px;
                position: absolute;
                left: 0;
                top: 0;
            }
            .demo-comtop .mui-icon-left-nav:before {
                content: '';
                display: block;
                width: 12px;
                height: 12px;
                border: solid #fff;
                border-width: 1px 1px 0 0;
                transform: rotate(-135deg);
                -webkit-transform: rotate(-135deg);
                -moz-transform: rotate(-135deg);
                -ms-transform: rotate(-135deg);
                position: absolute;
                left: 18px;
                top: 16px;
            }
            .mui-icon-right-nav{
                position: absolute;
                top: 0;
                right: 0;
                width: 45px;
                height: 45px;
            }
            .mui-icon-right-nav img{
                vertical-align: middle;
            }
        </style>
    </head>
    <body>
        <header class="h45">
            <div class="demo-comtop">
                <a class="mui-icon-left-nav" id="go_back"></a>
                <a class="mui-icon-right-nav c-hide" id="close"><img src="../../../common/images/close.png" width="17"></i></a>
                <h1 id="title"></h1>
            </div>
        </header>
        <script src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            var url = "",
                subWebview = null;
            mui.init();
            mui.plusReady(function() {
                var self = plus.webview.currentWebview();
                url = self.url;
                
                var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
                var objExp=new RegExp(reg);
                if(url && !objExp.test(url)){
                    url = "http://"+url;
                }
                subWebview = plus.webview.create(url, "sub", {
                    top: "45px",
                    bottom: 0
                });
                
                subWebview.addEventListener( "titleUpdate", function(e){
                    console.log(e);
                    $("#title").text(e.title);
                    subWebview.canBack(function(event){
                        var canback = event.canBack;
                        if(canback){
                            $("#close").show();
                        }else{
                            $("#close").hide();
                        }
                    });
                }, false );
                self.append(subWebview);
                
                /*
                 * evalJS,在ios系统，只有在loaded事件后才能触发
                 */
                subWebview.addEventListener('loaded', function() {
                    subWebview.evalJS('$("body").css("max-width","none")');
                });
                
                /**
                 * 监听子窗口对象是否可后退
                 * http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewObject.canBack
                 */
                
                document.getElementById("go_back").addEventListener("tap", function() {
                    subWebview.canBack(function(event) {
                        var canBack = event.canBack;
                        if(canBack) {
                            subWebview.back();
                        } else {
                            mui.back();
                        }
                    });
                });
                
                document.getElementById("close").addEventListener("tap", function() {
                    mui.back(); 
                });
            });
            
        </script>
    </body>
</html>