基于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 相关文章推荐
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
Aug 13 Javascript
JS模拟的QQ面板上的多级可展开的菜单
Oct 10 Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
Jan 24 Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 Javascript
Jquery实现搜索框提示功能示例代码
Aug 13 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
Aug 14 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
Jul 25 Javascript
详解easyui 切换主题皮肤
Apr 04 Javascript
vue实现简易计算器功能
Jan 20 Vue.js
微信小程序scroll-view不能左右滑动问题的解决方法
Jul 09 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 服务器配置(使用Apache及IIS两种方法)
2009/06/01 PHP
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
对PHP新手的一些建议(PHP学习经验总结)
2014/08/20 PHP
ThinkPHP中redirect用法分析
2014/12/05 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
PHP基于phpqrcode类生成二维码的方法示例详解
2020/08/07 PHP
基于jQuery的Tab选项框效果代码(插件)
2011/03/01 Javascript
合并table相同单元格的jquery插件分享(很精简)
2011/06/20 Javascript
jquery如何判断表格同一列不同行input数据是否重复
2014/05/14 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
JavaScript实现自动弹出窗口并自动关闭窗口的方法
2015/08/06 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
2016/05/05 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
jQuery实现炫丽的3d旋转星空效果
2018/07/04 jQuery
vue中element 上传功能的实现思路
2018/07/06 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
2019/05/27 Javascript
JS使用Chrome浏览器实现调试线上代码
2020/07/23 Javascript
在Python中使用SimpleParse模块进行解析的教程
2015/04/11 Python
详解duck typing鸭子类型程序设计与Python的实现示例
2016/06/03 Python
深入浅析python3中的unicode和bytes问题
2019/07/03 Python
Pandas 解决dataframe的一列进行向下顺移问题
2019/12/27 Python
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
yy婚礼司仪主持词
2014/03/14 职场文书
天网工程实施方案
2014/03/26 职场文书
三八活动策划方案
2014/08/17 职场文书
风雨哈佛路观后感
2015/06/03 职场文书
2015年支教教师工作总结
2015/07/22 职场文书
爱国主义主题班会
2015/08/14 职场文书
《倍数和因数》教学反思
2016/02/23 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS
Python中with上下文管理协议的作用及用法
2022/03/18 Python
win10以太网连接不上怎么办?Win10连接以太网详细教程
2022/04/08 数码科技