<!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>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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
Btn est bien sûr l'objet.
Objet Dom, a ses propriétés et ses méthodes.
Qui vous a dit que BTN n'était pas une cible
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 (. );
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.