html跳转的几种方法
2013-01-20 16:15
120 查看
第一种,最直接的方法
这样就创建了一个Go to next page的链接,在页面单击就可以跳转到目标html
第二种,利用button,然后为其添加响应事件,完成跳转
注意window.location.reload方法在WinJS中同样可以使用,这样,点击按钮,也能跳转到目标html文件
第三种,其实跟第二种差不多,但是,响应事件在js里面完成,可以添加一些其他的操作
以上三种方法都能正确地跳转到目标html,感觉还是第三种比较好,在响应跳转的同时也可以进行其他的操作,例如传递参数等
再就是在html中嵌入html,WinJS提供了一个WinJS.UI.HtmlControld的东西,运用如下:
这样就可以将uri指定的html嵌入到当前页面,但是,在使用时发现了一个问题,就是当你重新载入当前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的时候,插入页面会失败,目前还不清楚是什么问题
相关文章推荐
- HTML页面跳转的5种方法
- 【PB】在PB中用Enter键实现跳转的几种方法
- PHP页面跳转几种实现方法
- HTML页面跳转的5种方法
- 防止普通用户直接登录管理员页面的几种自动跳转方法
- PHP页面跳转几种实现方法
- HTML页面跳转(重定向)的五种方法
- HTML页面跳转(重定向)的五种方法
- iOS-UIViewController视图控制器跳转界面的几种常用方法
- html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码
- PHP页面跳转几种实现方法
- html中跳转方法(含设定时间)
- HTML跳转方法大全
- 引入公共html页面的几种方法
- JSP页面的几种跳转方法
- JSP生成静态HTML页面的几种方法
- PHP页面跳转几种实现方法
- 页面自动跳转的几种实现方法
- jsp内实现跳转的几种方法
- php 满足条件后跳转的几种方法.