Javascript浏览器对象

时间 2019-12-06

原文原文链接

1.window对象

<body>
    <button id="btn" onclick="btnClick()">按钮</button>
<script>
    //读取浏览器长宽
    document.write(window.innerHeight+","+window.innerWidth);
    
    //window的打开关闭
    function btnClick(){
        //1.跳转url 2.新窗口名字 3.新窗口属性
       // window.open("newdex.html","windowname","height = 200,width = 200");
        window.close();
    }
</script>
</body>

2.计时器对象

<body onload="myWin()">
    <p id="ptime"></p>
    <script>
        var mytime = setInterval(function(){
            getTime();
        },500);

        function getTime(){
            var d = new Date();
            var t = d.toLocaleTimeString();
            document.getElementById("ptime").innerHTML = t;
        }

        function stopTime(){
            clearInterval(mytime);
        }

        var win;
        function myWin(){
            alert("hello");
            win = setTimeout(function(){myWin()},2000);
        }

        function  stopWin(){
            clearTimeout(win);
        }
    </script>
</body>

3.history对象

<body>
    <button onclick="history.go(-1)">后退</button>    -1对于后退
</body>

4.location对象

<script>
    function btnClick(){
        location.assign("http://www.baidu.com");
    }
</script>

Javascript浏览器对象

1.window对象

2.计时器对象

3.history对象

4.location对象

5.Screen对象