1. 程式人生 > >BOM模型中常用對象 定義計數器 網頁跳轉 網頁前進後退

BOM模型中常用對象 定義計數器 網頁跳轉 網頁前進後退

循環 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模型中常用對象 定義計數器 網頁跳轉 網頁前進後退