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

Question

我在HTML5/JAVASCRIPT平台上开发windows store app，安装了SPLIT APP的模板。

我想显示一个HTML页面。如果我使用HTML Hyperlink属性显示，html页面显示在整个窗口中，并且我不能从那里返回。我唯一的方法是需要重新初始化应用程序。

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

从我使用的那个链接；

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

如果我使用了这些库中解释过的；应用程序中没有显示f1.html，而是显示了下图。

​

​

Answer 1

对于windows商店应用程序中的单页导航拆分应用程序，我们可以尝试使用以下代码片段。在这里，我已经在项目中添加了一个页面控件，并从应用程序栏按钮click.so导航到此页面，我们需要在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时，它会有一个返回到上一页的按钮。