BOM模型中常用對象 定義計數器 網頁跳轉 網頁前進後退
阿新 • • 發佈:2019-04-13
循環 lose text ref hist 天上 取消 test etsec
今天上午學了的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模型中常用對象 定義計數器 網頁跳轉 網頁前進後退