• mui 窗口管理及窗口之间的数据传递


    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title></title>
        <script src="js/mui.min.js"></script>
        <link href="css/mui.min.css" rel="stylesheet"/>
        <script type="text/javascript" charset="utf-8">
        /*提前预加载其他页面,这样再打开已加载好的页面就会有很好的效果了*/
              mui.init({
                  preloadPages:[{
                      url :'tel.html',
                      id: "tel.html",
                      extras:{name:'小明', age:18}
                  }]
              });
        </script>
    </head>
    <body>
    <!--<header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">hello</h1>
    </header>-->
    
    <nav class="mui-bar mui-bar-tab">
        <a class="mui-tab-item mui-active">
            <span class="mui-icon mui-icon-home"></span>
            <span class="mui-tab-label">首页</span>
        </a>
        <a class="mui-tab-item" id="open_tel"><!--onclick="openTel()"-->
            <span class="mui-icon mui-icon-phone"></span>
            <span class="mui-tab-label">电话</span>
        </a>
        <a class="mui-tab-item">
            <span class="mui-icon mui-icon-email"></span>
            <span class="mui-tab-label">邮件</span>
        </a>
        <a class="mui-tab-item">
            <span class="mui-icon mui-icon-gear"></span>
            <span class="mui-tab-label">设置</span>
        </a>
    </nav>
    
    <div class="mui-content">
        <!--跳转链接可以用a链接-->
    <!--    /*打开新页面的方式 1*/-->
        <a href="tel.html">打电话</a>
        
        <!--    /*打开新页面的方式 3*/-->
        <button type="button" onclick="tel()">打电话</button>
    </div>
    
    </body>
    <script type="text/javascript">
        /*对页面初始化的方法  mui.plusReady(function(){})*/
        
        /*创建子页面, 以防数据多,出现卡顿的事情发生*/
        /*mui.init({
            subpages:[{
                url : 'list.html',
                id  : 'list.html',
                styles : {
                    top: '200px',
                    bottom: '0px'
                }
            }]
        })*/
        
    
        /*打开新页面的方式 2*/
        //跳转链接可以用原生组件
        /*mui.plusReady(function(){})*/
            document.getElementById('open_tel').addEventListener('tap',function(){
                mui.openWindow({
                    url: 'tel.html',
                    id: 'tel.html'
                })
            })
        
        /*打开新页面的方式 3*/
        //也可以自定义个onclick()点击事件
        //并且还可以传递值
        function tel(){
            mui.openWindow({
                url: 'tel.html',
                id: 'tel.html',
                extras: {name:'小明',age:18}
            })
        }
        
        
    </script>
    </html>
  • 相关阅读:
    SDNU 1416.一元三次方程求解(数学)
    SDNU 1423.入学考试(01背包)
    SDNU 1427.分解质因数(水题)
    SDNU 1429.区间k大数查询(水题)
    1452.接水问题(思维)
    SDNU 1464.最大最小公倍数(思维)
    SDNU 1467.杨辉三角形(水题)
    SDNU 1469.校门外的树(水题)
    SDNU 1474.特殊回文数(水题)
    OC中String与Data之间的转换
  • 原文地址:https://www.cnblogs.com/zc290987034/p/8858635.html
Copyright © 2020-2023  润新知