动态加载Metro页面

define的ready为加载完成后执行的方法。
render是渲染页面并且加载到本页面的dom节点。done为加载成功或者失败调用的方法

WinJS.UI.Pages.define("/page2.html", {
    ready: function () {
       console.log("ready page1");
    }
});
    
document.getElementById("button1").onclick = function () {
    WinJS.UI.Pages.render("/page2.html", document.getElementById("Div1")).done(function () {
            console.log("success222");
    });
};

<div id="Div1" ></div>
<button id="button1">Metro</button>