html页面自动跳转方法

这篇具有很好参考价值的文章主要介绍了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.判断是否手机端文章来源地址https://www.toymoban.com/news/detail-526334.html

<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页面自动跳转方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HTML跳转到页面指定位置

    使用纯超链接实现 1. 实现本页面跳转到指定位置(a.html),代码如下: 2. 实现点击跳转到新页面的指定位置,代码如下: 如果上方有导航条遮挡  

    2024年02月12日
    浏览(117)
  • 前端项目部署自动检测更新后通知用户刷新页面(前端实现,技术框架vue、js、webpack)——方案二:轮询去判断服务端的index.html是否跟当前的index.html的脚本hash值一样

    当我们重新部署前端项目的时候,如果用户一直停留在页面上并未刷新使用,会存在功能使用差异性的问题,因此,当前端部署项目后,需要提醒用户有去重新加载页面。 vue、js、webpack 根据打完包之后生成的 script src 的hash值去判断 ,每次打包都会生成唯一的hash值,只要轮

    2024年01月23日
    浏览(44)
  • html 点击按键跳转至百度/其他html页面(原生js)

    本文提供两种方式,以实现: 在html中,点击按键,跳转至另一html页面,或跳转至百度等网页。 方法一:通过超链接标签a实现:               在button外添加父标签,超链接a:                       跳转至百度:                        跳转至另

    2024年02月13日
    浏览(34)
  • HTML实现登录后跳转到指定页面,不回退

    最近开发页面,需要实现登录功能,成功后跳转到指定页面,之前尝试了好几种页面被跳转方法,但是都失败了,好在最终成功跳转,且浏览器不会后退,所以来记录一下: 最开始我使用的是window.location.href=\\\" http://localhost:8080 \\\",虽然能成功跳转到指定页面,但是点击浏览器回

    2024年02月12日
    浏览(65)
  • 前端页面导航跳转方式

    1、声明式导航: 使用router-link方式实现的导航、router-link选中的标签会添加class样式 方式一:不带参数 方式二:带参数并且参数通过地址栏显现,整种方式可以拥有二级路由,path+query为一组 方式三:带参数,参数不显示name+params为一组,在定义routes时,需要给组件添加name

    2024年02月13日
    浏览(39)
  • 基于flask的web应用开发——访问漂亮的html页面以及页面跳转

    本节学习如何在flask应用程序下让用户访问你提前制作好的html页面 操作系统:Windows10 专业版 开发环境:Pycahrm Comunity 2022.3 Python解释器版本:Python3.8 第三方库:flask HTML(HyperText Markup Language),即超文本标记语言,是用于创建网页的标准语言。HTML 文件由用标签包围的文本构

    2024年02月03日
    浏览(37)
  • SpringBoot结合thymeleaf的HTML页面不能跳转问题踩坑

    问题描述:写了一个上传接口,controller不能跳转到thymeleaf的HTML页面“uploadsuccess”,试了好几个方法,都不起作用,后来发现是注解@ResponseBody 的原因,把@ResponseBody 去掉,问题解决,记录一下这个问题 @RestController相当于@Controller+@ResponseBody两者的结合 @Controller 的使用一般是加

    2024年01月23日
    浏览(35)
  • 若依项目前端页面跳转的流程

    前端页面跳转的流程 1、登录页面跳转的流程 先找到 views下面的login.vue 文件、查看 login.vue 文件、查找 handleLogin() {} 函数 这里代码登录成功 进行跳转 找到 router下面的index.js 文件 、查看 /的路由跳转配置 找到@/views/index 页面 可以修改index.vue 页面 2、添加新菜单的流程 1、选中

    2024年02月13日
    浏览(37)
  • html+js实现输入用户名和密码点击登录跳转页面

    html+js实现: 输入用户名和密码点击登录跳转其他页面 这里主页是index.html 跳转的页面名字是随机点名.html 1.index.html  2.随机点名.html

    2024年02月11日
    浏览(46)
  • vue项目中,把已经写好的html直接放进去,而不经过编译,直接跳转html页面

    在vue项目里新增一个不需要登录的页面,那么只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,步骤如下: 1.项目根目录里,如果有public文件夹,则直接放进public文件夹里,与index.html 同级开始,按照项目路径访问。 例如:在public新建pages/test.html, 则: 浏览

    2024年02月09日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包