<!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] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
btn ialah objek. Pertama sekali, anda perlu memahami komposisi JavaScript, yang mempunyai tiga bahagian.
1. ECMAScript menerangkan sintaks dan objek asas bahasa.
2. Model Objek Dokumen (DOM) menerangkan kaedah dan antara muka untuk memproses kandungan web.
3. Model Objek Pelayar (BOM) menerangkan kaedah dan antara muka untuk berinteraksi dengan penyemak imbas.
Dan btn anda diperoleh daripada sintaks var btn = document.getElementById('btn') ECMAScript
document.getElementById('btn') mendapat objek dokumen, iaitu objek Dom, dan kemudian anda menetapkannya kepada btn
Kemudian btn adalah bersamaan dengan objek Dom ini. Bagi btn.onclick onclick sendiri adalah kaedah yang wujud dalam objek Dom ini
Jadi anda betul memahami bahawa ia adalah kaedah objek ini, walaupun tiada kaedah dalam js
Btn sudah tentu objeknya.
Objek dom, mempunyai sifat dan kaedahnya.
Siapa suruh btn bukan sasaran
btn sudah tentu objek, dan ia sendiri mempunyai kaedah onclick Anda boleh mencetak btn.onclick sebelum mengikat panggilan balik kepadanya.
Atribut btn.onclick ini tidak ditakrifkan oleh kami. Ia sudah wujud. );
Sesetengah orang di atas telah memberitahu anda bahawa btn ialah objek, iaitu nod dalam objek DOM bagi js
Anda juga menggunakan objek Tarikh terbina dalam, objek Acara, objek tetingkap dan objek dokumen js
var btn = dokumen .getElementById('btn'); Apa yang anda katakan ialah untuk mendapatkan label butang dalam nod DOM dalam bentuk id, yang juga merupakan nod kepunyaan objek DOM
Anda mengikat acara klik ke btn melalui onclick, iaitu sebenarnya bersamaan dengan anda Objek acara klik ditambahkan pada nod butang dalam objek DOM (klik kepunyaan acara acara).
Ingat satu ayat: semuanya adalah objek.