BOM模型中常用对象 定义计数器 网页跳转 网页前进后退

时间：2022-09-20 18:11:16

今天上午学了的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>

相关文章