我在 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,而是显示了下图。
最佳答案
对于拆分应用的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 时,它有一个后退按钮可以返回到上一页。
关于javascript - winjs:如何使用 winjs 库导航到 html 页面。?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18285584/