为什么没有效果呢

来源:9-18 浏览器窗口可视区域大小

一只特立独行的doge

2016-05-04 16:29

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

写回答 关注

3回答

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

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

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

    。。。。

  • 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>


    一只特立独行...

    可以了,可是为什么用input.setAttribute("onClick","getmessage()");就可以,用input.onClick="getmessage()";就不行呢?

    2016-05-05 10:23:11

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题