没有效果,是哪里出错了呢

来源:4-4 编程练习

李洪品

2018-05-09 23:10:54

为什么写,点击后没有什么反应

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>screen</title>

        <style type="text/css">

            

        </style>

    </head>

    <body>

        <input type="button" value="当前显示屏幕宽度">

        <input type="button" value="当前显示屏幕高度">

        <input type="button" value="当前窗口文档显示宽度">

        <input type="button" value="当前窗口文档显示高度">      

    </body>

     <script type="text/javascript">

        //补充代码

        var b0=document.getElementsByTagName('button')[0];

        b0.onclick=function(){

            alert("当前显示屏幕高度"+screen.availWidth);

        }

        

        var b1=document.getElementsByTagName('button')[1];

        b1.onclick=function(){

            alert("当前显示屏幕高度"+screen.availHeight);

        }

        

        var b2=document.getElementsByTagName('button')[2];

        b2.onclick=function(){

            alert("当前窗口文档显示宽度:"+window.innerWidth);

        }

        

        var b3=document.getElementsByTagName('button')[3];

        b3.onclick=function(){

            alert("当前窗口文档显示高度:"+window.innerHeight);

        }

     </script>

</html>


写回答

1回答

一叶知秋519

2018-05-10

var b0=document.getElementsByTagName("input")[0];

getElementsByTagName应该是获取到标签名,建议同学修改为上面代码以后再试下~~

祝学习愉快!

0

0 学习 · 10204 问题

查看课程