4-4编程练习

来源：4-4 编程练习

qq_起风了_67

2018-05-31 23:43:48

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

        </style>
    </head>
    <body>
        <input type="button" value="当前显示屏幕宽度" id="b1">
        <input type="button" value="当前显示屏幕高度" id="b2">
        <input type="button" value="当前窗口文档显示宽度" id="b3">
        <input type="button" value="当前窗口文档显示高度" id="b4">
    </body>
     <script type="text/javascript">
        //补充代码
       var b1=document.getElementById('b1');
       b1.onclick=function () {
           alert(screen.availWidth);
       }
       var b2=document.getElementById('b2');
       b2.onclick=function () {
           alert(screen.availHeight);
       }
       var b3=document.getElementById('b3');
       b3.onclick=function () {
           alert(innerWidth);
       }
       var b4=document.getElementById('b4');
       b4.onclick=function () {
           alert(innerHeight);
       }
     </script>
</html>
老师看看这样可以吗