BOM模型中常用对象 定义计数器 网页跳转 网页前进后退
Posted pandam
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了BOM模型中常用对象 定义计数器 网页跳转 网页前进后退相关的知识,希望对你有一定的参考价值。
今天上午学了的BOM模型中常用对象,了解了一部分的属性
For循环的规律
外层循环控制行
内层循环控制列
<!doctype html> <html> <head> <meta charset="utf-8"> <title>BOM模型中常用对象</title> <script type="text/javascript"> function testalert(){ // 有widow的时候可以省略不写window window.alert("你好吗"); } function testconfirm(){ // 有widow的时候可以省略不写window var mes=window.confirm("您确定要退出吗"); /*if(mes==true)*/ if(mes){ //关闭窗口 window.close(); } } function testprompt(){ // 有widow的时候可以省略不写window var name=window.prompt("请输入你的名字"); //prompt返回值是字符串 "1" //在需要计算的时候需要转成数值类型再计算 alert(name); } function testscroll(){ window.scrollBy(50,50); } </script> </head> <body> <input type="button" value="滚动" onClick="testscroll()"> <div style="width:2000px;height: 200px;background: red"></div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </body> </html>
定义计数器
<!doctype html> <html> <head> <meta charset="utf-8"> <title>计数器</title> <script type="text/javascript"> // 定义计数器 var count=0; function show(){ count++; if(count==10){ // 取消定时器 window.clearInterval(timer); } var d=new Date(); var hour=d.getHours(); var minute=d.getMinutes(); if(minute<10){ minute="0"+minute;} var second=d.getSeconds(); if(second<10){ second="0"+second; } var str=hour+":"+minute+":"+second; document.getElementById("time").innerHTML=str; } // 设置定时器 1000毫秒=1秒 var timer=window.setInterval("show()",1000); </script> </head> <body> <div id="time"> </div> </body> </html>
网页跳转
<!doctype html> <html> <head> <meta charset="utf-8"> <title>计数器</title> <script type="text/javascript"> // 定义计数器 var count=0; function show(){ count++; if(count==10){ // 取消定时器 window.clearInterval(timer); } var d=new Date(); var hour=d.getHours(); var minute=d.getMinutes(); if(minute<10){ minute="0"+minute;} var second=d.getSeconds(); if(second<10){ second="0"+second; } var str=hour+":"+minute+":"+second; document.getElementById("time").innerHTML=str; } // 设置定时器 1000毫秒=1秒 var timer=window.setInterval("show()",1000); </script> </head> <body> <div id="time"> </div> </body> </html>
网页前进后退
<!doctype html> <html> <head> <meta charset="utf-8"> <title>第二页</title> </head> <body> <a href="peizi03.html">下一页</a> <a href="javascript:history.go(-1)">后退</a> <a href="javascript:history.go(1)"> 前进</a> </body> </html>
以上是关于BOM模型中常用对象 定义计数器 网页跳转 网页前进后退的主要内容,如果未能解决你的问题,请参考以下文章
学习javaScript必知必会~BOM模型定时器原理清除定时器