基于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 相关文章推荐
DOM 基本方法
Jul 18 Javascript
几个比较实用的JavaScript 测试及效验工具
Apr 18 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
Aug 02 Javascript
jquery如何把数组变为字符串传到服务端并处理
Apr 30 Javascript
深入学习JavaScript中的原型prototype
Aug 13 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
jquery表单验证插件validation使用方法详解
Jan 20 Javascript
Vue+axios实现统一接口管理的方法
Jul 23 Javascript
vue自定义全局共用函数详解
Sep 18 Javascript
countup.js实现数字动态叠加效果
Oct 17 Javascript
vue-cli3单页构建大型项目方案
Apr 07 Javascript
微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
Apr 09 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/03/17 PHP
PHP Session变量不能传送到下一页的解决方法
2009/11/27 PHP
提高define性能的php扩展hidef的安装和使用
2011/06/14 PHP
php 抽象类的简单应用
2011/09/06 PHP
PHP中替换换行符的几种方法小结
2012/10/15 PHP
php使用pclzip类实现文件压缩的方法(附pclzip类下载地址)
2016/04/30 PHP
PHP Include文件实例讲解
2019/02/15 PHP
关于__defineGetter__ 和__defineSetter__的说明
2007/05/12 Javascript
JQuery 学习笔记 选择器之四
2009/07/23 Javascript
js控制href内容的连接内容的变化示例
2014/04/30 Javascript
js实现window.open不被拦截的解决方法汇总
2014/10/30 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
2016/10/19 Javascript
nodejs中向HTTP响应传送进程的输出
2017/03/19 NodeJs
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
2017/03/23 jQuery
浅谈node的事件机制
2017/10/09 Javascript
layui select动态添加option的实例
2018/03/07 Javascript
JsonProperty 的使用方法详解
2019/10/11 Javascript
[00:02]DOTA2新版本使用PA至宝后暴击展示
2014/11/19 DOTA
python绘图库Matplotlib的安装
2014/07/03 Python
Python 给某个文件名添加时间戳的方法
2018/10/16 Python
Linux CentOS Python开发环境搭建教程
2018/11/28 Python
如何在Django项目中引入静态文件
2019/07/26 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
理解Django 中Call Stack机制的小Demo
2020/09/01 Python
Pycharm 跳转回之前所在页面的操作
2021/02/05 Python
Lucene推荐的分页方式是什么?
2015/12/07 面试题
高分子材料与工程专业个人求职信
2013/12/15 职场文书
幼儿园消防安全制度
2014/01/26 职场文书
大学生创业项目方案
2014/03/08 职场文书
生物科学专业毕业生求职信
2014/06/02 职场文书
房屋鉴定委托书范本
2014/09/23 职场文书
订货会邀请函
2015/01/31 职场文书
2015年世界无烟日活动方案
2015/05/04 职场文书
卖车协议书范文
2016/03/23 职场文书
以下牛机,你有几个
2022/04/05 无线电