suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Javascript – Unterschied zwischen Objekten und Ereignissen.

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <textarea name="" id="ta" cols="100" rows="15">
        <h1 id="time"></h1>
        <script type="text/javascript">            
            //实例化一个Date对象
            var d1 = new Date();
            var res = "";
            var y = d1.getFullYear();
            var m = d1.getMonth() + 1;
            var d = d1.getDate();
            var h = d1.getHours();
            var i = d1.getMinutes();
            var s = d1.getSeconds();
            res = "今天是"+y+"年"+m+"月"+d+"日，"+h+":"+i+":"+s;
            console.log( res );        
            document.getElementById('time').innerHTML = res;
        </script>
    </textarea>
    <br />
    <br />

    <button id="btn">运行代码</button>
    <script type="text/javascript">
        //获取按钮
        var btn = document.getElementById('btn');
        
        //获取textarea
        var ta = document.getElementById('ta');
        //当点击按钮的时候，需要执行的操作
        btn.onclick = function(){
            //新开一个窗口，
            var w1 =  window.open('','mywindow');
            //需要将textarea中的内容写入新窗口
            w1.document.write( ta.value );
        }
    </script>

</body>
</html>
漂亮男人漂亮男人2744 Tage vor654

Antworte allen(5)Ich werde antworten

  • 滿天的星座

    滿天的星座2017-06-12 09:34:07

    btn是对象的 。 首先 你的了解JavaScript的组成，它是有三部分的。
    1、ECMAScript，描述了该语言的语法和基本对象。
    2、文档对象模型（DOM），描述处理网页内容的方法和接口。
    3、浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。
    而你的btn 是由 var btn = document.getElementById('btn') ECMAScript的语法获取而来
    document.getElementById('btn') 获取到的是一个文档对象 也就是Dom对象 然后你又赋值给btn
    那btn就同等于这个Dom对象。至于btn.onclick onclick本身就是这个Dom对象所固有的一个方法
    所以你理解成为这个对象的一个方法也没错 虽然js里面没有方法

    Antwort
    0
  • 给我你的怀抱

    给我你的怀抱2017-06-12 09:34:07

    Btn 当然是对象。
    Dom 对象，有它的属性和方法。

    Antwort
    0
  • 習慣沉默

    習慣沉默2017-06-12 09:34:07

    谁告诉你btn不是对象

    btn = document.querySelector("body");
typeof btn; //object

    Antwort
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-06-12 09:34:07

    btn当然是对象，而且它本身就有onclick这个方法，你可以在给它绑定回调之前就打印一下btn.onclick。
    这个btn.onclick属性并不是咱们定义的，人家本来就存在，咱们只是用一个回掉函数给它赋值，当事件队列里出现相关的消息时，浏览器（js引擎）就会执行btn.onclick();

    Antwort
    0
  • 阿神

    阿神2017-06-12 09:34:07

    楼上几位已经告诉你了btn是对象,它是js的DOM对象中的一个节点
    还有你里面用到js内置的Date对象、Event对象、window对象、以及document对象
    var btn = document.getElementById('btn');你这句话是通过id的形式获取DOM节点中的button标签，它也是属于DOM对象的一个节点
    你通过onclick给btn绑定一个点击事件，其实就相当于你给DOM对象中的button节点添加了一个click事件对象(click属于event事件)。
    记住一句话:一切事物皆对象。

    Antwort
    0
  • StornierenAntwort