课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

为什么没有效果呢

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

一只特立独行的doge

2016-05-04 16:29

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

写回答 关注

3回答

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

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

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

    。。。。

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


    1 0

    一只特立独行...

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

    2016-05-05 10:23:11

    共 1 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题

为什么没有效果呢？

回答 2

为什么代码没有效果呢

回答 3

为什么没有颜色呢，css效果呢？

回答 2

为什么没有效果

回答 5

为什么没有效果……

回答 2

打开慕课网App查看更多内容