mui 打开新页面

mui 打开新页面需要用到 openWindow() 方法和 id,id 指点击的那个元素的 id ,至于 openWindow() ,详细可到 mui 文档》窗口管理》打开新页面查看,我在测试(真机运行,效果实现),用的比较简单,代码如下:

document.getElementById(‘mphone‘).addEventListener(‘tap‘, function() {
      //打开关于页面
      mui.openWindow({
        url: ‘phone.html‘,
        id:‘mphone‘
      });
    });

HTML 结构如下:

<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="mphone">
                        <span class="mui-icon mui-icon-phone"></span>
                        <span class="mui-tab-label">电话</span>
                    </a>
                    <a class="mui-tab-item" id="memail">
                        <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>
时间: 2024-08-16 15:36:00

mui 打开新页面的相关文章

HTML5培训第12节课堂笔记(本地存储、mui打开新页面、创建子页面)

HTML5培训第12节课堂笔记 1.     html5规范中本地储存localStorage与sessionStorage html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁.因此  sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储. localStorage用

sharepoint 2013 自定义列表查看页面附件打开新页面方法 dispform attachments open new page

我们在sharepoint的列表中,打开某一条数据,如果那条数据有附件,打开附件的时候,总是会把当前的页面给替换掉.如何在点击附件的时候,打开新页面,可以用一下一段脚本来处理. <script> $(document).ready(function () { if ($("#idAttachmentsTable") != null) { $('#idAttachmentsTabletbody tr td').each(function () { var href = $(t

Web设计中打开新页面或页面跳转的方法

一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打开本地网页或互联网:Respose.Write("<script language=&apos;javascript&apos;>window.open(&apos;"+ url+"&apos;);</script>&quo

JavaScript关闭窗口的同时打开新页面的方法

做网页的时候需要弹出一个小窗口,然后要实现一个功能就是鼠标点击超链接关闭小窗口并打开一个新页面,就如同下图: 这是一个小窗口,点击超链接这个窗口会关闭并且会正常在浏览器打开新页面,首先写js关闭窗口的方法 1 <script type="text/javascript"> 2 function closewin(){ 3 //关闭窗口的方法 4 window.opener=null; 5 window.open('','_self',''); 6 window.close(

js window.open打开新页面

js中window.open打开一个新的页面,其实它的参数有很多. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/ht

Web设计中打开新页面或页面跳转的方法 js跳转页面

Web设计中打开新页面或页面跳转的方法 一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打开本地网页或互联网:Respose.Write("<script language=&apos;javascript&apos;>window.open(&apos;"+ url+"&apos;)

js 打开新页面 window.open()

利用js打开一个新页面,而不是一个新窗口. 在网上各种东西啊,蛋疼了半天,还白疼了.. 后来看到a标签有target属性,然后又发现window.open()的第二个参数是target,然后我笑了(er'zhe) w3school上的target属性,点我 ,大家可以打开新页面了,也可以打开新窗口了. 我只写了新页面的,和<a href='#' target="_blank">开</a>效果一样: window.open(“xxx.html”,“_blank”)

JS location.href跳出框架打开新页面

后面在框架中,当判断登录失效后要返回登录页面,但登录页面却在框架内打开,我想让它直接跳出框架打开,这里不是打开新窗口. echo "<script language=\"javascript\">alert('登录已失效或没有登录,请登录!');location.href='login.php';</script>";原内容是上边这样的,要想让它跳出框架打开登录页,方法:echo "<script language=\&quo

JS以POST方式打开新页面

场景:前置的查询页面,选择查询条件后提交到另一个页面. 方式很多,列出我知道的几种 1.window.open. 2.Response.Redirect. 3.Server.Transfer. 方法一和方法二都存在同样的问题,因为是get方式提交的,所以提交的数据都会显示URL中,一个是安全问题,另外一个是URL长度限制,在IE中,URL最大长度为2083.所以数据量过多时会导致数据丢失. 于是考虑到通过POST方式传递参数. /* *功能: JS跳转页面,并已POST方式提交数据 *参数: U