基于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 相关文章推荐
js创建数据共享接口——简化框架之间相互传值
Oct 23 Javascript
JavaScript prototype 使用介绍
Aug 29 Javascript
JavaScript基础重点(必看)
Jul 09 Javascript
js实现动态显示时间效果
Mar 06 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
Aug 23 Javascript
Vue入门之数据绑定(小结)
Jan 08 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
Sep 03 Javascript
Vue框架下引入ActiveX控件的问题解决
Mar 25 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
Oct 27 Javascript
微信小程序如何实现radio单选框单击打勾和取消
Jan 21 Javascript
react基本安装与测试示例
Apr 27 Javascript
原生js+canvas实现验证码
Nov 29 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
不用数据库的多用户文件自由上传投票系统(1)
2006/10/09 PHP
深入PHP FTP类的详解
2013/06/13 PHP
php正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
详解PHP实现执行定时任务
2015/12/21 PHP
PHP大神的十大优良习惯
2016/09/14 PHP
PHP基于PDO调用sqlserver存储过程通用方法【基于Yii框架】
2017/10/07 PHP
微信公众平台开发教程①获取用户Openid及个人信息图文详解
2019/04/10 PHP
Laravel使用Queue队列的技巧汇总
2019/09/02 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
AngularJS入门教程(二):AngularJS模板
2014/12/06 Javascript
javascript实现图片自动和可控的轮播切换特效
2015/04/13 Javascript
javascript使用avalon绑定实现checkbox全选
2015/05/06 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
vue--vuex详解
2019/04/15 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
[42:34]VP vs VG 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python采用requests库模拟登录和抓取数据的简单示例
2014/07/05 Python
Python安装第三方库的3种方法
2015/06/21 Python
python里使用正则表达式的组嵌套实例详解
2017/10/24 Python
python如何重载模块实例解析
2018/01/25 Python
Python3.5多进程原理与用法实例分析
2019/04/05 Python
Python2和3字符编码的区别知识点整理
2019/08/08 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
美国婚礼和派对礼品网站:Kate Aspen(新娘送礼会、迎婴派对)
2018/03/28 全球购物
微软美国官方网站:Microsoft美国
2018/05/10 全球购物
Omio俄罗斯:一次搜索公共汽车、火车和飞机的机票
2018/11/17 全球购物
智能电子应届生求职信
2013/11/10 职场文书
洗煤厂厂长岗位职责
2014/01/03 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
超市活动计划书
2014/04/24 职场文书
安全生产计划书
2014/05/04 职场文书
阿凡达观后感
2015/06/10 职场文书
农村婚庆主持词
2015/06/29 职场文书
2016年9月份红领巾广播稿
2015/12/21 职场文书
导游词之青岛太清宫
2019/12/13 职场文书