快捷導(dǎo)航

基于JavaScript實(shí)現(xiàn)跳轉(zhuǎn)提示頁(yè)面

更新時(shí)間：2016年09月24日 09:00:47 作者：湘湘_Saling

這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)跳轉(zhuǎn)提示頁(yè)面的相關(guān)資料,需要的朋友可以參考下

先給大家展示下效果圖，如果大家感覺(jué)還不錯(cuò)，請(qǐng)參考實(shí)現(xiàn)代碼：

網(wǎng)頁(yè)布局

<p>操作成功</p>
<strong>5</strong><span>秒后回到主頁(yè)</span><a href="javascript:history.back();">返回</a>

任務(wù)：

1.打開(kāi)網(wǎng)頁(yè)后，如果不做任何操作則返回到一個(gè)新的頁(yè)面

var num=document.getElementsByTagName("strong")[0].innerHTML;
//獲取顯示秒數(shù)的元素，通過(guò)定時(shí)器來(lái)更改秒數(shù)。
function count(){
　　num--;
　　document.getElementsByTagName("strong")[0].innerHTML=num;
　　if(num==0){
　　　　location.assign("www.imooc.com");
　　}
}
setInterval("count()",1000);

2.點(diǎn)擊返回則返回到前一個(gè)頁(yè)面

function backTo(){
　　window.history.back();
}

location和history是window中的對(duì)象

location.assign()方法用來(lái)加載一個(gè)新的文檔

history.back()方法可以加載歷史列表中的前一個(gè)URL

以上所述是小編給大家介紹的基于JavaScript實(shí)現(xiàn)跳轉(zhuǎn)提示頁(yè)面，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

JavaScript怎么判斷圖片是否加載完成以便獲取其尺寸
需要獲取圖片的尺寸，就需要在圖片加載完成以后才可以，下面有個(gè)不錯(cuò)的方法，大家不妨參考下
2014-05-05
JS獲取select-option-text_value的方法
這篇文章主要介紹了JS獲取select-option-text_value的方法，有需要的朋友可以參考一下
2013-12-12
關(guān)于IE7 IE8彈出窗口頂上
關(guān)于IE7.8.彈出窗口頂上...
2008-12-12
Javascript緩存API
JavaScript ServiceWorker API的好處就是讓W(xué)EB開(kāi)發(fā)人員輕松的控制緩存。這篇文章主要為大家詳細(xì)介紹了Javascript緩存API，感興趣的小伙伴們可以參考一下
2016-06-06
JavaScript監(jiān)測(cè)ActiveX控件是否已經(jīng)安裝過(guò)的代碼
這是通用的方法，只需要把唯一的Activex的clsid和任意一個(gè)屬性或方法名傳進(jìn)來(lái)就可以判斷了。（找了兩個(gè)小時(shí)才找到 -_-!）
2008-09-09
javascript如何返回字符串的所有排列
這篇文章主要介紹了javascript如何返回字符串的所有排列問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-01-01
javascript實(shí)現(xiàn)禁止右鍵和F12查看源代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)禁止右鍵和F12查看源代碼的代碼,需要的朋友可以參考下
2014-12-12
JavaScript設(shè)置彈出式獨(dú)立窗口頁(yè)面和window的方法舉例詳解
window.open是網(wǎng)頁(yè)中經(jīng)常遇到的彈出窗口代碼,不是網(wǎng)絡(luò)中比較反感的那類彈出代碼,下面這篇文章主要給大家介紹了關(guān)于JavaScript設(shè)置彈出式獨(dú)立窗口頁(yè)面和window的方法,需要的朋友可以參考下
2024-01-01
uniapp使用Vant-weapp的最新方法教程
Vant?Weapp是有贊前端團(tuán)隊(duì)開(kāi)源的一套小程序UI組件庫(kù),助力開(kāi)發(fā)者快速搭建小程序應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于uniapp使用Vant-weapp的最新方法教程,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下
2023-04-04
模仿password輸入框的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇模仿password輸入框的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06