基于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 相关文章推荐
firefo xml 读写实现js代码
Jun 11 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
JQuery在页面中添加和除移DOM示例代码
Jun 24 Javascript
JavaScript:Div层拖动效果实例代码
Aug 06 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
May 10 Javascript
基于jQuery插件实现点击小图显示大图效果
May 11 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
Jun 24 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
Oct 26 Javascript
AngularJS 限定$scope的范围实例详解
Jun 23 Javascript
js Dom实现换肤效果
Oct 21 Javascript
vue实现tab栏点击高亮效果
Aug 19 Javascript
javascript实现打砖块小游戏(附完整源码)
Sep 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
codeigniter数据库操作函数汇总
2014/06/12 PHP
分享PHP函数实现数字与文字分页代码
2015/07/28 PHP
php需登录的文件上传管理系统
2020/03/21 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
安装docker和docker-compose实例详解
2019/07/30 PHP
jQuery-ui中自动完成实现方法
2010/06/10 Javascript
理解Javascript_02_理解undefined和null
2010/10/11 Javascript
用客户端js实现带省略号的分页
2013/04/27 Javascript
javascript移动开发中touch触摸事件详解
2016/03/18 Javascript
JavaScript简单实现弹出拖拽窗口(二)
2016/06/17 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
2016/08/29 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
使用vue-router设置每个页面的title方法
2018/02/11 Javascript
基于vue.js中事件修饰符.self的用法(详解)
2018/02/23 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
2018/04/26 Javascript
js实现多个倒计时并行 js拼团倒计时
2019/02/25 Javascript
小程序如何自主实现拦截器的示例代码
2019/11/04 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
如何在JavaScript中使用localStorage详情
2021/02/04 Javascript
[03:02]辉夜杯主赛事第二日 每日之星
2015/12/27 DOTA
python中的文件打开与关闭操作命令介绍
2018/04/26 Python
Python Django框架模板渲染功能示例
2019/11/08 Python
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
哄娃神器4moms商店:美国婴童用品品牌
2019/03/07 全球购物
税务专业毕业生自荐信
2013/11/10 职场文书
通用求职信范文模板分享
2013/12/27 职场文书
大学辅导员事迹材料
2014/02/05 职场文书
旅游与酒店管理专业求职信
2014/07/21 职场文书
综合办公室岗位职责
2015/04/11 职场文书
雾霾停课通知
2015/04/24 职场文书
违纪开除通知书
2015/04/25 职场文书
假如给我三天光明:舟逆水而行,人遇挫而达 
2019/10/29 职场文书
如何用JS实现简单的数据监听
2021/05/06 Javascript
php解析非标准json、非规范json的方式实例
2022/05/10 PHP