基于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 写的简单进度条控件
Jan 22 Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 Javascript
js中继承的几种用法总结(apply,call,prototype)
Dec 26 Javascript
jQuery带箭头提示框tooltips插件集锦
Nov 17 Javascript
jQuery中triggerHandler()方法用法实例
Jan 19 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
Aug 06 Javascript
XMLHttpRequest Level 2 使用指南
Aug 26 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
Sep 27 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
详解vue-cli 2.0配置文件(小结)
Jan 14 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
Feb 12 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
pdo中使用参数化查询sql
2011/08/11 PHP
第四章 php数学运算
2011/12/30 PHP
PHP中cookie和session的区别实例分析
2014/08/28 PHP
PHP借助phpmailer发送邮件
2015/05/11 PHP
PHP设置头信息及取得返回头信息的方法
2016/01/25 PHP
Symfony2安装第三方Bundles实例详解
2016/02/04 PHP
php简单实现多语言切换的方法
2016/05/09 PHP
PHP 使用位运算实现四则运算的代码
2021/03/09 PHP
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
jQuery解决$符号命名冲突
2016/06/18 Javascript
node.js命令行教程图文详解
2019/05/27 Javascript
vue封装swiper代码实例解析
2019/10/08 Javascript
Angular8 简单表单验证的实现示例
2020/06/03 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
2020/12/14 Vue.js
[46:47]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS NE
2014/05/22 DOTA
Python 面向对象 成员的访问约束
2008/12/23 Python
python实现的生成随机迷宫算法核心代码分享(含游戏完整代码)
2014/07/11 Python
详解python中字典的循环遍历的两种方式
2017/02/07 Python
详解Python中类的定义与使用
2017/04/11 Python
Python数据拟合与广义线性回归算法学习
2017/12/22 Python
详解Python中的正则表达式
2018/07/08 Python
python实现整数的二进制循环移位
2019/03/08 Python
ML神器:sklearn的快速使用及入门
2019/07/11 Python
python统计字符串中字母出现次数代码实例
2020/03/02 Python
Tensorflow实现将标签变为one-hot形式
2020/05/22 Python
基于python模拟bfs和dfs代码实例
2020/11/19 Python
CSS3简单实现照片墙
2014/12/12 HTML / CSS
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
ProForm英国站点:健身房和健身器材网上商店
2019/06/05 全球购物
给朋友的道歉信
2014/01/09 职场文书
优良学风班申请材料
2014/02/13 职场文书
应届生面试求职信
2014/07/02 职场文书
30岁前绝不能错过的10本书
2019/08/08 职场文书
深度学习详解之初试机器学习
2021/04/14 Python
Python字符串对齐方法使用(ljust()、rjust()和center())
2021/04/26 Python
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python