基于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 相关文章推荐
flash 得到自身url参数的代码
Nov 15 Javascript
js猜数字小游戏的简单实现代码
Jul 02 Javascript
javascript排序函数实现数字排序
Jun 26 Javascript
浅谈JavaScript的内置对象和浏览器对象
Jun 03 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
js正则表达式验证密码强度【推荐】
Mar 03 Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 Javascript
vue实现a标签点击高亮方法
Mar 17 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
Apr 17 Javascript
深入理解JavaScript 箭头函数
May 30 Javascript
解决Layui数据表格的宽高问题
Sep 28 Javascript
vue自定义标签和单页面多路由的实现代码
May 03 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调用数据库的存贮过程!
2006/10/09 PHP
php中用socket模拟http中post或者get提交数据的示例代码
2013/08/08 PHP
php PDO实现的事务回滚示例
2017/03/23 PHP
php 算法之实现相对路径的实例
2017/10/17 PHP
laravel在中间件内生成参数并且传递到控制器中的2种姿势
2019/10/15 PHP
JQuery 绑定事件时传递参数的实现方法
2009/10/13 Javascript
javascript 构造函数强制调用经验总结
2012/12/02 Javascript
通过上下左右键和回车键切换光标实现代码
2013/03/08 Javascript
Jquery 表单验证类介绍与实例
2013/06/09 Javascript
JS调用CS里的带参方法实例
2013/08/01 Javascript
JS中判断null、undefined与NaN的方法
2014/03/24 Javascript
javascript实现图像循环明暗变化的方法
2015/02/25 Javascript
分享经典的JavaScript开发技巧
2015/11/21 Javascript
老生常谈 关于JavaScript的类的继承
2016/06/24 Javascript
AngularJS基础 ng-open 指令简单实例
2016/08/02 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
2016/12/14 Javascript
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
JS时间戳与日期格式互相转换的简单方法示例
2021/01/30 Javascript
[02:40]2014DOTA2 国际邀请赛中国区预选赛 四大豪门抵达华西村
2014/05/23 DOTA
Python3.4编程实现简单抓取爬虫功能示例
2017/09/14 Python
简单谈谈python中的lambda表达式
2018/01/19 Python
python中使用psutil查看内存占用的情况
2018/06/11 Python
Python使用指定端口进行http请求的例子
2019/07/25 Python
python使用socket 先读取长度,在读取报文内容示例
2019/09/26 Python
Python for循环通过序列索引迭代过程解析
2020/02/07 Python
python 利用openpyxl读取Excel表格中指定的行或列教程
2021/02/06 Python
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
2014/05/07 HTML / CSS
html如何对span设置宽度
2019/10/30 HTML / CSS
广州御银科技股份有限公司试卷(C++)
2016/11/04 面试题
给校长的建议书
2014/03/12 职场文书
《称象》教学反思
2014/04/25 职场文书
科学发展观标语
2014/10/08 职场文书
幼师大班个人总结
2015/02/13 职场文书
董事长年会致辞
2015/07/29 职场文书
高中体育课教学反思
2016/02/16 职场文书
spring boot项目application.properties文件存放及使用介绍
2021/06/30 Java/Android