对于windows store App中的单页导航,我们可以试试下面的代码片段。这里我在 Project 中添加了一个页面控件,并从应用栏按钮 click 导航到该页面。所以我们需要在 default.html 中添加应用栏中的按钮
<div id="appbar" data-win-control="WinJS.UI.AppBar">
<button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmd', label:'Command', icon:'placeholder'}" type="button"></button>
<button
data-win-control="WinJS.UI.AppBarCommand"
data-win-options="{id:'cmdMove',label:'Remove',icon:'delete',
section:'global',tooltip:'move item'}">
</button>
</div>
然后在 default.js
document.getElementById("cmdMove")
.addEventListener("click", Move, false);
function Move() {
WinJS.Navigation.navigate("/pages/test.html");
}
它将导航到 test.html ,当我们到达 test.html 时,它有一个返回按钮可以返回到上一页。