<!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-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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里面没有方法
Btn 当然是对象。
Dom 对象，有它的属性和方法。
谁告诉你btn不是对象
btn当然是对象，而且它本身就有onclick这个方法，你可以在给它绑定回调之前就打印一下btn.onclick。
这个btn.onclick属性并不是咱们定义的，人家本来就存在，咱们只是用一个回掉函数给它赋值，当事件队列里出现相关的消息时，浏览器（js引擎）就会执行btn.onclick();
楼上几位已经告诉你了btn是对象,它是js的DOM对象中的一个节点
还有你里面用到js内置的Date对象、Event对象、window对象、以及document对象
var btn = document.getElementById('btn');你这句话是通过id的形式获取DOM节点中的button标签，它也是属于DOM对象的一个节点
你通过onclick给btn绑定一个点击事件，其实就相当于你给DOM对象中的button节点添加了一个click事件对象(click属于event事件)。
记住一句话:一切事物皆对象。