基于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 相关文章推荐
定义select的边框颜色
Apr 28 Javascript
JS getMonth()日期函数的值域是0-11
Feb 15 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
Aug 24 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
有趣的bootstrap走动进度条
Dec 01 Javascript
jQuery轻松实现无缝轮播效果
Mar 22 jQuery
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
使用Node.js实现RESTful API的示例
Aug 01 Javascript
Three.js基础学习教程
Nov 16 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 Javascript
js中的面向对象之对象常见创建方法详解
Dec 16 Javascript
关于ES6尾调用优化的使用
Sep 11 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调用Java对象的方法
2006/10/09 PHP
轻松修复Discuz!数据库
2008/05/03 PHP
使用PHP求两个文件的相对路径
2013/06/20 PHP
smarty中js的调用方法示例
2014/10/27 PHP
PHP中的常见魔术方法功能作用及用法实例
2015/07/01 PHP
PHP类的封装与继承详解
2015/09/29 PHP
PHP面向对象程序设计方法实例详解
2016/12/24 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
PHP创建对象的六种方式实例总结
2019/06/27 PHP
Iframe 自适应高度并实时监控高度变化的js代码
2009/10/30 Javascript
读jQuery之三(构建选择器)
2011/06/11 Javascript
AngularJs实现分页功能不带省略号的代码
2016/05/30 Javascript
关于不同页面之间实现参数传递的几种方式讨论
2017/02/13 Javascript
jQuery实现弹窗居中效果类似alert()
2017/02/27 Javascript
Three.js获取鼠标点击的三维坐标示例代码
2017/03/24 Javascript
JS设置随机出现2个数字的实例代码
2017/07/19 Javascript
深入理解ES7的async/await的用法
2017/09/09 Javascript
微信小程序wx.previewImage预览图片实例详解
2017/12/07 Javascript
JS中offset和匀速动画详解
2018/02/06 Javascript
微信小程序实现弹出菜单功能
2018/06/12 Javascript
vue-router 源码实现前端路由的两种方式
2018/07/02 Javascript
Python生成密码库功能示例
2017/05/23 Python
python+opencv打开摄像头,保存视频、拍照功能的实现方法
2019/01/08 Python
Python使用Pandas库常见操作详解
2020/01/16 Python
15个Pythonic的代码示例(值得收藏)
2020/10/29 Python
英国领先的运动营养品牌:Protein Dynamix
2018/01/02 全球购物
美国农场商店:Blain’s Farm & Fleet
2020/01/17 全球购物
牵手50新加坡:专为黄金岁月的单身人士而设的交友网站
2020/08/16 全球购物
医生自荐信
2013/10/11 职场文书
回门宴新郎答谢词
2014/01/12 职场文书
毕业生简历自我评价范文
2014/04/09 职场文书
2014年卫生监督工作总结
2014/12/09 职场文书
信息简报范文
2015/07/21 职场文书
Apache压力测试工具的安装使用
2021/03/31 Servers
为什么不建议在go项目中使用init()
2021/04/12 Golang
Python实现打乒乓小游戏
2021/09/25 Python