0


html页面自动跳转方法

1.使用meta元素

<meta http-equiv="refresh" content="5;url=hello.html">

http-equiv=“refresh” 是刷新页面,5秒后执行刷新操作,url是跳转的目的页面地址。

<meta http-equiv="refresh" content="5">

这行代码的意思是只刷新,不跳转。

2.使用script代码

立即跳转到hello.html页面。

<script type="text/javascript">
    window.location.href = 'hello.html';
</script>

或者

<script language="javascript">
    location.replace("http://www.baidu.com/");
</script>

5秒后跳转到hello.html页面。

<script type="text/javascript">
    setTimeout("window.location.href = 'hello.html'", 5000);
</script>

3.判断是否手机端

<script type="text/javascript">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){}}}</script>
标签: html 前端

本文转载自: https://blog.csdn.net/lucron/article/details/128064837
版权归原作者 lucron 所有, 如有侵权,请联系我们删除。

“html页面自动跳转方法”的评论:

还没有评论