html跳转的几种方法

时间:2022-11-19 23:20:14

第一种,最直接的方法

<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的时候,插入页面会失败,目前还不清楚是什么问题