问答详情
源自：9-18 浏览器窗口可视区域大小

为什么没有效果呢

我代码里面注释掉的那部分内容为什么没有效果呢，我在body里面加了一个按钮和一个文本框，想达到的效果是点击按钮的时候，浏览器窗口的宽高就显示在文本框里，但是失败了，哪位大神看我错哪儿呢，帮我改改。我用的是ie edge浏览器。

提问者：一只特立独行的doge 2016-05-04 16:29

个回答

  • 湛瞳
    2016-08-16 11:06:59

    你的是可以的，只需要改动input.onClick="getmessage()"为input.onclick=getmessage就可以了。首先是大小写问题，再有就是函数的调用方式。

    0
  • weibo_咸咸鱼鱼鱼鱼鱼鱼鱼_03234671
    2016-05-04 22:03:34

    。。。。

    0
  • bct
    2016-05-04 20:51:19

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <style>

        .message{

            color:blue;

            width:400px;

            height:100px;

            font-size:14px;

            border:1px solid black;

            background-color:gray;}

    </style>

    </head>

    <body>

    <script type="text/javascript">

    var mybody=document.body;


    //添加一个文本框用来显示宽高

    var mytextarea=document.createElement("textarea");

        mytextarea.className="message";

        mybody.appendChild(mytextarea);

    //设置一个函数用来获得宽高，并显示在文本框里

    function getmessage(){

        var w=window.innerWidth;

        var h=window.innerHeight;

        mytextarea.value="浏览器窗口大小为:"+w+'*'+h;

    }

    //添加一个按钮


    var myinput=document.createElement("input");

        myinput.type="button";

        myinput.value="touch me to get message";

        myinput.setAttribute("onclick","getmessage()");

        mybody.appendChild(myinput);

    </script>

    </body>

    </html>


    0