題目一:
JavaScript 頁面跳轉效果
實現在10秒之后跳轉到指定頁面。
代碼與解析:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function countDown(secs,surl){ //第一個參數規定倒計時時長,第二個參數規定要跳轉的頁面var jumpTo = document.getElementById('jumpTo');//獲取id屬性值為jumpTo的元素對象。jumpTo.innerHTML=secs; //設置元素的初始內容,其實就是倒計時的最初值。if((secs--)>0){ //如果secs當前大于0的時候,調用setTimeout()方法,這里是采用了遞歸的方式。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對象。