html跳转的几种方法

第一种,最直接的方法

<a href="ms-appx:///html/nextpage.html">Go to next page</a>

这样就创建了一个Go to next page的链接，在页面单击就可以跳转到目标html

第二种，利用button，然后为其添加响应事件，完成跳转

<button id="directNextpage" onclick="window.location.reload('/html/nextpage.html')">Direct Next Page</button>

注意window.location.reload方法在WinJS中同样可以使用，这样，点击按钮，也能跳转到目标html文件

第三种，其实跟第二种差不多，但是，响应事件在js里面完成，可以添加一些其他的操作

<button id="nextPage">Next Page</button>

function clickNextPage(){
        window.location.reload("/html/nextpage.html");

    }

document.getElementById('nextPage').addEventListener("click", clickNextPage);

以上三种方法都能正确地跳转到目标html，感觉还是第三种比较好，在响应跳转的同时也可以进行其他的操作，例如传递参数等

再就是在html中嵌入html，WinJS提供了一个WinJS.UI.HtmlControld的东西，运用如下：

<div id="header" data-win-control="WinJS.UI.HtmlControl" data-win-options="{uri:'/html/page.html'}"></div>

这样就可以将uri指定的html嵌入到当前页面,但是,在使用时发现了一个问题,就是当你重新载入当前html的时候,插入页面会失败,目前还不清楚是什么问题

秒客网