微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

基于JavaScript实现跳转提示页面

先给大家展示下效果图,如果大家感觉还不错,请参考实现代码

网页布局

rush:js;">

操作成功

5

秒后回到主页

任务:

1.打开网页后,如果不做任何操作则返回到一个新的页面

rush:js;"> var num=document.getElementsByTagName("h3")[0].innerHTML; //获取显示秒数的元素,通过定时器来更改秒数。 function count(){   num--;   document.getElementsByTagName("h3")[0].innerHTML=num;   if(num==0){     location.assign("www.imooc.com");   } } setInterval("count()",1000);

2.点击返回则返回到前一个页面

rush:js;"> function backTo(){   window.history.back(); }

location和history是window中的对象

location.assign()方法用来加载一个新的文档

history.back()方法可以加载历史列表中的前一个URL

以上所述是小编给大家介绍的基于JavaScript实现跳转提示页面。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐