html页面点击按钮实现页面跳转
方法1、在button标签外嵌套一个a标签，利用超链接进行跳转；
1 2 3 |
方法2、在button标签中添加οnclick=”window.location.href=‘页面url’”代码，使用onclick事件进行跳转。
1 | <button>进入baidu首页</button> |
html页面自动跳转方法
1.使用meta元素
1 |
http-equiv=“refresh” 是刷新页面，5秒后执行刷新操作，url是跳转的目的页面地址。
1 |
这行代码的意思是只刷新，不跳转。
2.使用script代码
立即跳转到hello.html页面。
1 | window.location.href = 'hello.html'; |
或者
1 | location.replace("http://www.baidu.com/"); |
5秒后跳转到hello.html页面。
1 | setTimeout("window.location.href = 'hello.html'", 5000); |
3.判断是否手机端
1 2 3 4 5 6 7 8 9 | var wapurl = window.location.pathname; if (/Android|webOS|iPhone|iPod|BlackBerry|Windows CE|Windows Phone/i.test(navigator.userAgent)){if (window.location.href.toLowerCase().indexOf("?pc")<0){try {window.location.href="/wap"+wapurl} catch(e){}} } |
到此这篇关于html页面点击按钮实现页面跳转的文章就介绍到这了,更多相关html点击按钮跳转页面内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章，希望大家以后多多支持IT俱乐部！
