基于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数据分享
May 12 Javascript
JavaScript 更严格的相等 [译]
Sep 20 Javascript
script的async属性以非阻塞的模式加载脚本
Jan 15 Javascript
raphael.js绘制中国地图 地图绘制方法
Feb 12 Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 Javascript
JavaScript函数详解
Nov 17 Javascript
原生javaScript实现图片延时加载的方法
Dec 22 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
Sep 28 Javascript
three.js中文文档学习之通过模块导入
Nov 20 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
Jun 09 jQuery
JS实现简单的九宫格抽奖
Jun 28 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上传图片、删除图片实现代码
2010/05/12 PHP
PHP输出缓存ob系列函数详解
2014/03/11 PHP
Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境
2015/03/03 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
用dom+xhtml+css制作的一个相册效果代码打包下载
2008/01/24 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
JS简单实现自定义右键菜单实例
2017/05/31 Javascript
vue父组件向子组件(props)传递数据的方法
2018/01/02 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
2019/11/25 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
详解JavaScript原型与原型链
2020/11/16 Javascript
vue 实现图片懒加载功能
2020/12/31 Vue.js
Python实现的简单万年历例子分享
2014/04/25 Python
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
Python检测字符串中是否包含某字符集合中的字符
2015/05/21 Python
Python WSGI的深入理解
2018/08/01 Python
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
小米乌克兰网上商店:Xiaomi.UA
2019/10/29 全球购物
大学校园生活自我鉴定
2014/01/13 职场文书
会计电算化大学生职业规划书
2014/02/05 职场文书
大学毕业感言50字
2014/02/07 职场文书
低碳环保倡议书
2014/04/14 职场文书
知识竞赛拉拉队口号
2014/06/16 职场文书
心理学专业求职信
2014/06/16 职场文书
建筑学专业自荐书
2014/07/09 职场文书
谢师宴答谢词
2015/01/05 职场文书
网络管理员岗位职责
2015/02/12 职场文书
怎样写家长意见
2015/06/04 职场文书
大学生村官工作心得体会
2016/01/23 职场文书
Python list列表删除元素的4种方法
2021/11/01 Python
Vue.js中v-bind指令的用法介绍
2022/03/13 Vue.js