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

Question

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

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

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

从我使用的那个链接；

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

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

Answer 1

对于拆分应用的windows store 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 时，它有一个后退按钮可以返回到上一页。