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

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

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

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

網(wǎng)頁布局

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

任務(wù)：

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

var num=document.getElementsByTagName("strong")[0].innerHTML;
//獲取顯示秒數(shù)的元素，通過定時(shí)器來更改秒數(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è)頁面

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

location和history是window中的對象

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

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

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

您可能感興趣的文章:

相關(guān)文章

moment的一些常見用法總結(jié)大全
這篇文章主要給大家總結(jié)介紹了關(guān)于moment的一些常見用法,moment.js是一個(gè)輕量級的JavaScript時(shí)間庫,對于日常開發(fā)中可能會存在獲取時(shí)間、設(shè)置時(shí)間、格式化時(shí)間、比較時(shí)間等,需要的朋友可以參考下
2023-09-09
原生js實(shí)現(xiàn)瀑布流效果
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)簡單瀑布流效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
JS實(shí)現(xiàn)的拋物線運(yùn)動效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)的拋物線運(yùn)動效果,結(jié)合實(shí)例形式分析了javascript拋物線運(yùn)動的相關(guān)運(yùn)算與元素動態(tài)操作實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-01-01
用云開發(fā)Cloudbase實(shí)現(xiàn)小程序多圖片內(nèi)容安全監(jiān)測的代碼詳解
這篇文章主要介紹了用云開發(fā)Cloudbase實(shí)現(xiàn)小程序多圖片內(nèi)容安全監(jiān)測,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-06-06
uni-app做微信小程序的分包處理方法
分包指的是把一個(gè)完整的小程序項(xiàng)目，按照不同的需求劃分為不同的子包，在構(gòu)建時(shí)打包成不同的分包，用戶在瀏覽時(shí)按需加載，這篇文章主要介紹了uni-app做微信小程序的分包處理,需要的朋友可以參考下
2023-02-02
二行代碼解決全部網(wǎng)頁木馬
還是掛馬問題，這段時(shí)間，我漸漸感到壓力，頭大，通過QQ或MSN加我的人越來越多，我最近自己的工作本來就忙得不亦樂乎。哎，想想，還是要抽空來來幫幫大家。
2008-03-03
javascript學(xué)習(xí)筆記之10個(gè)原生技巧
首先在這里要非常感謝無私分享作品的網(wǎng)友們，這些代碼片段主要由網(wǎng)友們平時(shí)分享的作品代碼里面和經(jīng)常去逛網(wǎng)站然后查看源文件收集到的。把平時(shí)網(wǎng)站上常用的一些實(shí)用功能代碼片段通通收集起來，方便網(wǎng)友們學(xué)習(xí)使用，利用好的話可以加快網(wǎng)友們的開發(fā)速度，提高工作效率。
2014-05-05
JavaScript中創(chuàng)建對象的7種模式詳解
本文主要介紹了JavaScript中創(chuàng)建對象的7種模式，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
javascript和jQuery實(shí)現(xiàn)網(wǎng)頁實(shí)時(shí)聊天的ajax長輪詢
在做網(wǎng)頁實(shí)時(shí)聊天的時(shí)候常常需要長輪詢，本文由于采用原生的JS及AJAX，所以簡單易懂，通過這篇文章就可以建立一個(gè)簡單的聊天室程序。
2016-07-07
JS/HTML5游戲常用算法之碰撞檢測包圍盒檢測算法詳解【圓形情況】
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測包圍盒檢測算法,結(jié)合實(shí)例形式詳細(xì)分析了圓形包盒情況下的碰撞檢測算法相關(guān)原理與實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-12-12