基于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语句可以不以;结尾的烦恼
Mar 08 Javascript
php与js的区别是什么
Aug 05 Javascript
js中的push和join方法使用介绍
Oct 08 Javascript
JS中的数组的sort方法使用示例
Jan 22 Javascript
Android中的jQuery:AQuery简介
May 06 Javascript
JS实现往下不断流动网页背景的方法
Feb 27 Javascript
ajax如何实现页面局部跳转与结果返回
Aug 24 Javascript
js实现一个简单的数字时钟效果
Mar 29 Javascript
作为老司机使用 React 总结的 11 个经验教训
Apr 08 Javascript
jQuery控制input只能输入数字和两位小数的方法
May 16 jQuery
搭建vscode+vue环境的详细教程
Aug 31 Javascript
关于uniApp editor微信滑动问题
Jan 15 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中的时间处理
2006/10/09 PHP
PHP4.04简明安装
2006/10/09 PHP
php数组中包含中文的排序方法
2014/06/03 PHP
Yii框架连接mongodb数据库的代码
2016/07/27 PHP
PHP中TP5 上传文件的实例详解
2017/07/31 PHP
document.designMode的功能与使用方法介绍
2007/11/22 Javascript
Javascript常用运算符(Operators)-javascript基础教程
2007/12/14 Javascript
imgAreaSelect 中文文档帮助说明
2011/10/08 Javascript
浅析JQuery中的html(),text(),val()区别
2014/09/01 Javascript
sails框架的学习指南
2014/12/22 Javascript
谈谈Jquery中的children find 的区别有哪些
2015/10/19 Javascript
jQuery计算文本框字数及限制文本框字数的方法
2016/03/01 Javascript
基于javascript实现简单的抽奖系统
2020/04/15 Javascript
javascript的document中的动态添加标签实现方法
2016/10/24 Javascript
JavaScript实现二维坐标点排序效果
2017/07/18 Javascript
详解vue-router 命名路由和命名视图
2018/06/01 Javascript
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
js实现页面导航层级指示效果
2020/08/25 Javascript
Python3基础之list列表实例解析
2014/08/13 Python
在Python的Django框架中为代码添加注释的方法
2015/07/16 Python
Python中is和==的区别详解
2018/11/15 Python
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
详解python深浅拷贝区别
2019/06/24 Python
python numpy之np.random的随机数函数使用介绍
2019/10/06 Python
使用Pyhton集合set()实现成果查漏的例子
2019/11/24 Python
python cv2.resize函数high和width注意事项说明
2020/07/05 Python
区域销售经理岗位职责
2013/12/10 职场文书
初一地理教学反思
2014/01/16 职场文书
创建绿色社区汇报材料
2014/08/22 职场文书
完整版商业计划书
2014/09/15 职场文书
医生个人自我剖析材料
2014/10/08 职场文书
中学图书馆工作总结
2015/08/11 职场文书
优质服务心得体会(共4篇)
2016/01/22 职场文书
Nginx域名转发https访问的实现
2021/03/31 Servers
Pytorch中的数据集划分&正则化方法
2021/05/27 Python