生活随笔
收集整理的這篇文章主要介紹了
2020-3-24
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
題目一：
JavaScript 頁面跳轉效果
實現(xiàn)在10秒之后跳轉到指定頁面。
代碼與解析：
<!DOCTYPE html
>
<html
>
<head
>
<meta charset
="utf-8">
<script type
="text/javascript">
function countDown(secs
,surl
){ var jumpTo
= document
.getElementById('jumpTo');jumpTo
.innerHTML
=secs
; if((secs
--)>0){ setTimeout("countDown("+secs
+",'"+surl
+"')",1000); }else{ location
.href
=surl
; }
}
window
.onload=function(){countDown(10,'http://www.baidu.com/');
}
</script
>
</head
>
<body
>
<span id
="jumpTo">10</span
>秒后自動跳轉到http
://www.baidu.com/
</body
>
</html
>
相關知識：
innerHTML()可以設置或者返回指定元素的HTML內容。
語法一：htmlContent=domObj.innerHTML
//獲取指定元素內的HTML內容。
語法二：domObj.innerHTML=htmlContent
//為指定元素設置HTML內容。
location.href()此屬性可以返回或者設置當前文檔的完整URL。使用此屬性設置當前的URL，瀏覽器會加載此新URL的內容。更多內容參閱location對象。
總結
以上是生活随笔為你收集整理的2020-3-24的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
