十、HTML5单页框架View.js介绍 - 伪视图

不需要 Npm 的单页应用框架:

View.js - http://view-js.com


伪视图,是并不存在,但可以指导View.js进行视图切换的视图。这些视图通常具有特殊含义,如:首页、上一个界面、后一个界面等。这些视图并不是固定的,是会随着浏览位置的变更而发生变化的。

 

View.js预置了如下几个伪视图:

  1. “:back”。代表上一个浏览的视图

  2. “:forward”。代表下一个浏览的视图

  3. “:default-view”。代表当前页面的默认视图

使用方法如下所示:

<!DOCTYPE HTML>
<html>
<head>
    <link rel = "stylesheet" href = "main.css"/>
</head>
<body>
    <section id = "home-page" data-view = "true" data-view-title="首页" data-view-default = "true">
        ...
    </section>
    <section id = "goods-detail" data-view = "true" data-view-title = "商品详情">
        <header>
            <span class = "nav-back" data-view-rel = ":back">返回</span>
            <span class = "goods-name">商品名称</span>
        </header>
        <div class = "body">
            //图文介绍
        </div>
    </section>
</body>
</html>
View.navTo(":default-view");
View.navTo(":back");// --> 等同于 View.back()
View.navTo(":forward");// --> 等同于 View.forward()

 


[第一篇]
[上一篇 - 活动视图] [下一篇 - 视图群组]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值