recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - différence entre les objets et les événements.

<!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 Il y a quelques jours656

répondre à tous(5)je répondrai

  • 滿天的星座

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

    btn est un objet. Tout d’abord, vous devez comprendre la composition de JavaScript, qui comporte trois parties.
    1. ECMAScript décrit la syntaxe et les objets de base du langage.
    2. Document Object Model (DOM) décrit les méthodes et les interfaces de traitement du contenu Web.
    3. Le modèle d'objet du navigateur (BOM) décrit les méthodes et les interfaces pour interagir avec le navigateur.
    Et votre btn est obtenu à partir de la syntaxe de var btn = document.getElementById('btn') ECMAScript
    document.getElementById('btn') obtient un objet document, qui est un objet Dom, puis vous l'attribuez à btn
    Alors btn est équivalent à cet objet Dom. Quant à btn.onclick onclick lui-même est une méthode inhérente à cet objet Dom
    Vous avez donc raison de comprendre qu'il s'agit d'une méthode de cet objet, bien qu'il n'y ait pas de méthode en js

    répondre
    0
  • 给我你的怀抱

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

    Btn est bien sûr l'objet.
    Objet Dom, a ses propriétés et ses méthodes.

    répondre
    0
  • 習慣沉默

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

    Qui vous a dit que BTN n'était pas une cible

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

    répondre
    0
  • 曾经蜡笔没有小新

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

    btn est bien sûr un objet, et il possède lui-même la méthode onclick. Vous pouvez imprimer btn.onclick avant de lui lier un rappel.
    Cet attribut btn.onclick n'est pas défini par nous. Il existe déjà. Nous utilisons simplement une fonction de rappel pour lui attribuer une valeur Lorsque des messages pertinents apparaissent dans la file d'attente des événements, le navigateur (moteur js) exécutera btn.onclick (. );

    répondre
    0
  • 阿神

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

    Les personnes ci-dessus vous ont dit que btn est un objet, qui est un nœud dans l'objet DOM de js
    Vous utilisez également l'objet Date, l'objet Événement, l'objet fenêtre et l'objet document intégrés de js
    var btn = document .getElementById('btn'); Ce que vous avez dit est d'obtenir l'étiquette du bouton dans le nœud DOM sous la forme d'un identifiant, qui est également un nœud appartenant à l'objet DOM
    Vous liez un événement click à btn via onclick, qui est en fait équivalent à vous Un objet événement clic est ajouté au nœud bouton dans l'objet DOM (le clic appartient à l'événement événement).
    Souvenez-vous d'une phrase : tout est un objet.

    répondre
    0
  • Annulerrépondre