WinJS：如何使用WinJS库导航到HTML页面？

Question

我正在使用HTML5/JAVASCRIPT平台开发Windows Store应用程序，并安装了SPLIT APP模板。

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

所以，我查看了所有winjs库和函数，从这里获取：http://msdn.microsoft.com/en-us/library/windows/apps/hh770584.aspx

从该链接中，我使用了以下内容：

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

如果我按照这些库的说明使用，应用程序不会显示f1.html，而会显示下面的图像。

- Mohamed Thaufeeq

Answer 1

如果想要在Windows商店应用程序中实现单页导航，可以尝试以下代码片段。在项目中添加一个页面控件并从应用栏按钮单击事件导航到该页面，因此需要在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页面时，它有一个返回按钮来返回上一页。

- Debashrita