HTML实现页面自动跳的方法
1.1方法一
直接在<head></head>标签内添加<meta>标签。代码如下：
<head>
<meta http-equiv="refresh" content="3;URL=res.html">
<!--3秒之后自动跳转到res.html页面-->
</head>
1.2方法二
使用JS setTimeout函数定义经过指定毫秒值后执行某一表达式。代码如下：
<script>
setTimeout(function (){
location.href=" res.html ";
},3000); //3秒之后自动执行函数，直接跳转到res.html页面
</script>
1.3方法三
上面两个例子的缺陷就是能够实现跳转，但是不知道是什么时候跳转。实现倒数3-2-1，JS settimeout函数无法做到，需使用JS setInterval函数定义每经过指定毫秒值后执行某一个表达式。代码如下：
<script>
var x=3;//利用了全局变量来执行
setInterval(function (){
x--;
x>0? document.getElementById("info").innerHTML=x : location.href='123.html';
},1000);
</script>
分享到：
发表评论
-
html框架之iframe和frame及frameset
2019-01-22 14:55 4104html框架之iframe和frame及f ... -
Select下拉选择框的美化
2017-11-02 17:19 3181Select下拉选择框的美化 1.1 CSS修改select下 ... -
Input元素去除获取焦点时的边框
2017-11-02 10:27 6920Input元素去除获取焦点 ... -
Input[type="radio"]和Input[type="checkbox"]的选中
2017-11-01 17:03 1567Input[type="radio"]和I ... -
Input只读属性详解
2017-11-01 16:27 1554Input只读属性详解 1.1概述 Reado ... -
input[type="file"]标签的美化
2017-11-01 15:34 1099input[type="file"]标签的 ... -
html布局之table表格布局
2017-09-25 08:52 3384html布局之table表格布局 1.1 table布局 1、 ... -
html marquee标签讲解
2017-09-01 09:02 1603html marquee标签讲解 1.1概述 ... -
html路径小结
2017-08-25 09:38 554html路径小结 1.1概述 ... -
html meta标签用法详解(一)
2017-08-24 10:18 1087html meta标签用法详解(一) 1.1概述 ... -
Hack技术总结
2017-08-23 11:22 785Hack技术总结 1.1概述 ... -
HTML行内元素和块级元素的转换
2016-10-07 16:24 6212HTML行内元素和块级元素的转换 1.1 CSS displa ... -
div元素按比例缩放的实现方法
2016-09-08 17:54 16039div元素按比例缩放的实现方法 某些场景下，窗 ... -
HTML img布局问题详解
2016-09-08 16:52 1094HTML img布局问题详解 1.1 ... -
HTML中空格的实现方法详解
2016-09-08 15:15 2327HTML中空格的实现方法详解 浏览器总是会截短 ... -
RGB颜色与HEX十六进制颜色的换算
2016-09-07 20:57 1015RGB颜色与HEX十六进制颜色的换算 1.1换算表格 ... -
Web语义化详解
2016-07-21 14:51 621Web语义化详解 1.1概述 Web语义化主 ... -
DIV+CSS布局和TABLE布局详解
2016-07-21 10:53 764DIV+CSS布局和TABLE布局详 ... -
HTML引入CSS样式的方式详解
2016-07-21 10:06 1435HTML引入CSS样式的方式详解 1.1内联属性（Inlin ... -
设置input输入框为只读方法详解
2016-07-18 11:02 4884设置input输入框为只读方法详解 1.1禁用状态与启用状态 ...
相关推荐
java实现手机扫描二维码后网站跳转新页面，提供zxing和hutools的方式实现二维码的生成，动态刷新，验证跳转功能。
将word中的目录结构树提取出来放到html的左侧并生成相应的树目录，在html中点击树目录时整个页面可以跳到对应的位置
在项目中，我们经常会遇到这样一个功能：如何实现页面N秒后自动跳转。其实方法很简单，下面小编通过本文给大家分享HTML页面3秒后自动跳转的三种常见方法，对html页面3秒后自动跳转的相关知识感兴趣的朋友一起学习吧
本文讨论网页自动跳转的几种实现方法。方法一：使用meta标签meta标签是html不可或缺的标签之一，它负责提供文档的元信息，其参数主要有： ① http-equiv： 与 文档中数据相关的HTTP文件首部 ② content： 与命名HTTP...
本文实例讲述了javascript实现网页字符定位的方法。分享给大家供大家参考。具体如下： 这里实现输入要查询的字符串，点击定位后程序会自动跳到匹配的位置上 <html> <form name="f1" action="" onSubmit=...
如何实现轮播图 如何才能在js里面做成一个轮播图呢，比如下面这种的，可以自动生成图片对应的小圆点、点击左右箭头可以跳到上或下一张图片、每隔几秒自动轮播，还可以点击小小圆点去到指定的图片。 HTML结构 ...
要解决两个需求： 一个是从A页面跳到B页面，滚动到页面的任何地方； 第二个是在B页面内部点击某个元素，滚动到页面的任何地方； 怎么解决啊？很简单，当然是用锚点。 首先在A页面创建一个锚点 <body> 点击跳转...
爬虫（Web Crawler）是一种自动化程序，用于从互联网上收集信息。其主要功能是访问网页、提取数据并存储，以便后续分析或展示。爬虫通常由搜索引擎、数据挖掘工具、监测系统等应用于网络数据抓取的场景。 爬虫的...
史上最简单的jsp+servlet+jdbc实现CRUD项目，已经经历了千锤百炼的测试与修改，健壮性一级棒！没有任何问题。...输入正确进入welcome页然后跳到查看学生信息页，输入错误进error.jsp，然后自动跳转回登录页。
页面内的超级酷浮动窗口.htm ...打开一个窗口在一定的时间内自动关闭.htm ...离开时转跳到指定网址.htm ...用 Javascript 实现锚点(Anchor)间平滑跳转.htm 五种网页弹出窗口实例代码.txt 提示框窗口自动居中.html
appHtml5 page to launch app, if not install app, will open yyb and appstore by auto or handle to download.Support copying to the clipboard for data continuation.H5唤起已经安装的app，如果没有安装，则跳...
2017-1-23 新增了保存配置文件是否下次跳过“引导页设置界面”选项，改进了保存等函数的效率及不兼容问题 2017-1-23 实现了扩展屏幕的自适应（存在扩展屏幕默认投放到扩展屏幕，否则就本地监视器显示） 2017-1-23 ...
通过UIWebView的scrollView属性即可获得该对象，默认情况下网页长度超出设备视口长度后页面会滚动，用户使用手指滚动页面到页面边距并放开手指后页面会产生一个弹跳效果，去除这个效果的方法如下 ? 1 webView....
93 2.10.2 三次方贝塞尔曲线 95 2.11 多边形的绘制 97 2.12 高级路径操作 102 2.12.1 拖动多边形对象 102 2.12.2 编辑贝塞尔曲线 107 2.12.3 自动滚动网页，使某段路径所对应的元素显示在视窗中 115 2.13 ...
您可以选择关闭当前标签后 跳到上一活动标签，也可以选择关闭当前标签后跳到最右标签，也可以选择关闭当前标签后 跳到当前标签左侧。 内置百度指数，淘宝购物等搜索引擎。 高度界面自定义 可自定义去掉多引擎...
爬虫（Web Crawler）是一种自动化程序，用于从互联网上收集信息。其主要功能是访问网页、提取数据并存储，以便后续分析或展示。爬虫通常由搜索引擎、数据挖掘工具、监测系统等应用于网络数据抓取的场景。 爬虫的...
实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例179 修改表单属性为弹出窗口 216 实例180 表单输入单元的文字设置 217 实例181 表单输入单元单击删除 218 实例182 ...
实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例179 修改表单属性为弹出窗口 216 实例180 表单输入单元的文字设置 217 实例181 表单输入单元单击删除 218 实例182 ...