基于JavaScript实现跳转提示页面


Posted in Javascript onSeptember 24, 2016

先给大家展示下效果图,如果大家感觉还不错,请参考实现代码:

基于JavaScript实现跳转提示页面

网页布局

<p>操作成功</p>
<strong>5</strong><span>秒后回到主页</span><a href="javascript:history.back();">返回</a>

任务:

1.打开网页后,如果不做任何操作则返回到一个新的页面

var num=document.getElementsByTagName("strong")[0].innerHTML;
//获取显示秒数的元素,通过定时器来更改秒数。
function count(){
num--;

document.getElementsByTagName("strong")[0].innerHTML=num;

if(num==0){


location.assign("www.imooc.com");

}
}
setInterval("count()",1000);

2.点击返回则返回到前一个页面

function backTo(){
window.history.back();
}

location和history是window中的对象

location.assign()方法用来加载一个新的文档

history.back()方法可以加载历史列表中的前一个URL

以上所述是小编给大家介绍的基于JavaScript实现跳转提示页面,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
IE6下JS动态设置图片src地址问题
Jan 08 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
May 23 Javascript
一个JavaScript防止表单重复提交的实例
Oct 21 Javascript
javascript动态添加删除tabs标签的方法
Jul 06 Javascript
vuejs动态组件给子组件传递数据的方法详解
Sep 09 Javascript
Vue.js原理分析之observer模块详解
Feb 17 Javascript
js实现华丽的九九乘法表效果
Mar 29 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
May 03 Javascript
解析Vue 2.5的Diff算法
Nov 28 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
Mar 28 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
Sep 27 Javascript
在vue项目中引入highcharts图表的方法
Jan 21 Javascript
JavaScript实现DOM对象选择器
Sep 24 #Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
Sep 23 #Javascript
浅谈Web页面向后台提交数据的方式和选择
Sep 23 #Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
Sep 23 #Javascript
打造自己的jQuery插件入门教程
Sep 23 #Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 #Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
Sep 23 #Javascript
You might like
PHP 字符串分割和比较
2009/10/06 PHP
PHP CURL采集百度搜寻结果图片不显示问题的解决方法
2017/02/03 PHP
详解Laravel服务容器的绑定与解析
2019/11/05 PHP
改进:论坛UBB代码自动插入方式
2006/12/22 Javascript
javascript 多种搜索引擎集成的页面实现代码
2010/01/02 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
2015/09/15 Javascript
原生js编写autoComplete插件
2016/04/13 Javascript
详解JavaScript树结构
2017/01/09 Javascript
JavaScript简单生成 N~M 之间随机数的方法
2017/01/13 Javascript
ES6新特性之解构、参数、模块和记号用法示例
2017/04/01 Javascript
javascript+html5+css3自定义提示窗口
2017/06/21 Javascript
BootStrap导航栏问题记录
2017/07/31 Javascript
Js中使用正则表达式验证输入是否有特殊字符
2018/09/07 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
2018/11/30 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
Python基础篇之初识Python必看攻略
2016/06/23 Python
浅析使用Python操作文件
2017/07/31 Python
用tensorflow搭建CNN的方法
2018/03/05 Python
numpy linalg模块的具体使用方法
2019/05/26 Python
jenkins配置python脚本定时任务过程图解
2019/10/29 Python
基于pandas中expand的作用详解
2019/12/17 Python
Pycharm创建python文件自动添加日期作者等信息(步骤详解)
2021/02/03 Python
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021/03/03 Python
Html5获取高德地图定位天气的方法
2019/12/26 HTML / CSS
Fanatics法国官网:美国体育电商
2019/08/27 全球购物
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
毕业生找工作的自我评价
2013/10/18 职场文书
2014年医学生毕业自我鉴定
2014/03/26 职场文书
大学英语专业求职信
2014/06/21 职场文书
教师节学生演讲稿
2014/09/03 职场文书
中秋客户感谢信
2015/01/22 职场文书
三行辞职书范文
2015/02/26 职场文书
Mysql使用全文索引(FullText index)的实例代码
2022/04/03 MySQL
Golang连接并操作MySQL
2022/04/14 MySQL
我国拿下天问一号火星着陆区附近 22 个地理实体命名:平乐、西柏坡、古田、漠河等
2022/04/29 数码科技