winjs：如何使用winjs库导航到html页面？

Question

我在HTML5/JavaScript平台上开发Windows store应用程序,并安装了Split应用程序模板。

我想显示一个HTML页。如果我使用html超链接属性显示，则html页面将显示在完整的窗口中，并且我无法从该属性返回。我唯一的方法是需要重新初始化应用程序。

所以，我从这里浏览了所有WinJS库及其函数http://msdn.microsoft.com/en-us/library/windows/apps/hh770584.aspx

var hello = WinJS.UI.Pages.get('/def/f1.html');

Answer 1

对于windows store App For split App中的单页导航，我们可以尝试使用以下代码片段。这里我在项目中添加了一个页面控件，并从应用程序栏按钮点击导航到该页面。所以我们需要在应用程序栏中添加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时，它有一个返回到上一页的back按钮。