题目一:
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对象。