基于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隐藏控件的方法
Sep 21 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
Jan 09 Javascript
获取当前点击按钮的id用this.id实现
Mar 17 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
使用clipboard.js实现复制功能的示例代码
Oct 16 Javascript
Vue 中axios配置实例详解
Jul 27 Javascript
js数组去重的方法总结
Jan 18 Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 Javascript
vue 使用v-for进行循环的实例代码详解
Feb 19 Javascript
Vue-cli3多页面配置详解
Mar 22 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 printf输出格式使用说明
2010/12/05 PHP
Zend Framework分发器用法示例
2016/12/11 PHP
基于PHP的加载类操作以及其他两种魔术方法的应用实例
2017/08/28 PHP
Laravel5.4框架使用socialite实现github登录的方法
2019/03/20 PHP
详解iframe与frame的区别
2016/01/13 Javascript
jQuery基本选择器之标签名选择器
2016/09/03 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
2016/12/18 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
微信小程序实现文字无限轮播效果
2018/12/28 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
nodejs+koa2 实现模仿springMVC框架
2020/10/21 NodeJs
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
Python中os和shutil模块实用方法集锦
2014/05/13 Python
Python3 能振兴 Python的原因分析
2014/11/28 Python
python模拟Django框架实例
2016/05/17 Python
python中函数总结之装饰器闭包详解
2016/06/12 Python
CentOS6.5设置Django开发环境
2016/10/13 Python
python利用不到一百行代码实现一个小siri
2017/03/02 Python
python遍历文件夹,指定遍历深度与忽略目录的方法
2018/07/11 Python
numpy.linspace函数具体使用详解
2019/05/27 Python
pycharm新建一个python工程步骤
2019/07/16 Python
python excel和yaml文件的读取封装
2021/01/12 Python
米兰网婚纱礼服法国网上商店:Milanoo法国
2016/08/20 全球购物
日本非常有名的内衣丝袜品牌:GUNZE
2017/01/06 全球购物
英国打印机墨水和碳粉商店:Printerinks
2017/06/30 全球购物
英国手工布艺沙发在线购买:Sofas & Stuff
2018/03/02 全球购物
Tessabit日本:集世界奢侈品和设计师品牌的意大利精品买手店
2020/01/07 全球购物
学生干部学习的自我评价
2014/02/18 职场文书
研究生导师评语
2014/12/31 职场文书
2015年电工工作总结
2015/04/10 职场文书
教师创先争优承诺书
2015/04/27 职场文书
2015年人力资源部工作总结
2015/04/30 职场文书
《折线统计图》教学反思
2016/02/22 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书
护理专业毕业自我鉴定
2019/08/12 职场文书
90行Python代码开发个人云盘应用
2021/04/20 Python