请问这样可以吗

来源：4-4 编程练习

JavaNice

2018-08-14 21:13:30

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>screen</title>
        <style type="text/css">

        </style>
    </head>
    <body>
        <input type="button"  value="当前显示屏幕宽度" id="one"><br>
        <input type="button"  value="当前显示屏幕高度" id="two"><br>
        <input type="button" value="当前窗口文档显示宽度" id="three"><br>
        <input type="button" value="当前窗口文档显示高度" id="four"> <br>
        
    </body>
    
     <script type="text/javascript">
        //补充代码
        var one = document.getElementById("one");
        one.addEventListener("click",function(){
            alert("显示屏幕宽度："+screen.availWidth);
        })

        var two = document.getElementById("two");
        two.addEventListener("click",function(){
            alert("显示屏幕高度："+screen.availHeight);
        })

        var three = document.getElementById("three");
        three.addEventListener("click",function(){
            alert("窗口文档宽度："+window.innerWidth);
        })

        var four = document.getElementById("four");
        four.addEventListener("click",function(){
            alert("窗口文档高度："+window.innerHeight);
        })
     </script>
</html>

写回答

1回答