html跳轉的幾種方法

第一種,最直接的方法

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

這樣就創建了一個Go to next page的鏈接，在頁面單擊就可以跳轉到目標html

第二種，利用button，然後爲其添加響應事件，完成跳轉

<button id="directNextpage" οnclick="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的時候,插入頁面會失敗,目前還不清楚是什麼問題