基于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 12 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
Dec 16 Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 Javascript
Extjs4 类的定义和扩展实例
Jun 28 Javascript
整理Javascript数组学习笔记
Nov 29 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
Jun 12 Javascript
浅谈js的异步执行
Oct 18 Javascript
清除输入框内的空格
Dec 21 Javascript
微信小程序request出现400的问题解决办法
May 23 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
详解用场景去理解函数柯里化(入门篇)
Apr 11 Javascript
vue组件内部引入外部js文件的方法
Jan 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
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
php静态文件生成类实例分析
2015/01/03 PHP
php带抄送和密件抄送的邮件发送方法
2015/03/20 PHP
PHP实现的获取文件mimes类型工具类示例
2018/04/08 PHP
IE中直接运行显示当前网页中的图片 推荐
2006/08/31 Javascript
jQuery 打造动态渐变按钮 详细图文教程
2010/04/25 Javascript
innerHTML与jquery里的html()区别介绍
2012/10/12 Javascript
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
jquery滚动条插件jScrollPane的使用介绍
2013/11/08 Javascript
JQuery解析HTML、JSON和XML实例详解
2014/03/29 Javascript
Javascript Object 对象学习笔记
2014/12/17 Javascript
js中this的用法实例分析
2015/01/10 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
vue.js 图片上传并预览及图片更换功能的实现代码
2018/08/27 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
[03:42]2018完美盛典-《加冕》
2018/12/16 DOTA
Python常用的日期时间处理方法示例
2015/02/08 Python
Python切片知识解析
2016/03/06 Python
Ruby元编程基础学习笔记整理
2016/07/02 Python
django数据库migrate失败的解决方法解析
2018/02/08 Python
使用python判断jpeg图片的完整性实例
2019/06/10 Python
django使用xadmin的全局配置详解
2019/11/15 Python
Python绘制组合图的示例
2020/09/18 Python
小结Python的反射机制
2020/09/28 Python
利用python实现后端写网页(flask框架)
2021/02/28 Python
纯CSS3+DIV实现小三角形边框效果的示例代码
2020/08/03 HTML / CSS
德国大型箱包和皮具商店:Koffer
2019/10/01 全球购物
Prototype如何实现页面局部定时刷新
2013/08/06 面试题
Java Servlet API中forward() 与redirect()的区别
2014/04/20 面试题
党员公开承诺践诺书
2014/03/25 职场文书
党员自我评价2015
2015/03/03 职场文书
会计实训总结范文
2015/08/03 职场文书
2017寒假社会实践心得体会范文
2016/01/14 职场文书
Golang map映射的用法
2022/04/22 Golang