基于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 相关文章推荐
javascript setTimeout和setInterval 的区别
Dec 08 Javascript
基于jquery的Repeater实现代码
Jul 17 Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 Javascript
Javascript玩转继承(三)
May 08 Javascript
JavaScript闭包函数访问外部变量的方法
Aug 27 Javascript
JavaScript新增样式规则(推荐)
Jul 19 Javascript
ES6中的箭头函数实例详解
Apr 06 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
React-intl 实现多语言的示例代码
Nov 03 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
Jan 22 Javascript
javascript Canvas动态粒子连线
Jan 01 Javascript
JS实现纵向轮播图(初级版)
Jan 18 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判断远程图片是否存在的几种方法
2014/05/04 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
浅析JavaScript基本类型与引用类型
2014/05/28 Javascript
js判断当前浏览器类型,判断IE浏览器方法
2014/06/02 Javascript
jquery选择器需要注意的问题
2014/11/26 Javascript
ECMAScript6函数默认参数
2015/06/12 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
2015/11/30 Javascript
js实现n秒倒计时后才可以点击的效果
2015/12/20 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
Webpack实现按需打包Lodash的几种方法详解
2017/05/08 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
2019/02/12 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
[36:20]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.17
2020/12/18 DOTA
浅谈Python程序与C++程序的联合使用
2015/04/07 Python
python select.select模块通信全过程解析
2017/09/20 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
解决python matplotlib imshow无法显示的问题
2018/05/24 Python
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
如何解决pycharm调试报错的问题
2020/08/06 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
html5 初试 indexedDB(推荐)
2016/07/21 HTML / CSS
铭万公司.net面试题笔试题
2014/07/20 面试题
DataReader和DataSet的异同
2014/12/31 面试题
求职简历中个人的自我评价
2013/12/25 职场文书
大三学生入党思想汇报
2014/01/02 职场文书
《夸父追日》教学反思
2014/02/26 职场文书
超市开店计划书
2014/09/15 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
2016应届大学生自荐信模板
2016/01/28 职场文书
导游词之黄果树瀑布
2019/09/20 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python
解决Git推送错误non-fast-forward的方法
2022/06/25 Servers