补：
1.JavaScript包括三大块：
ECMAScript：JS的核心语法(ES规范 / ECMA-262标准)
DOM：Document Object Model(文档对象模型：对网页中的节点进行增删改的过程)HTML文档被当作一棵树来看待
var demo=document.getElementById("id");
BOM：Browser Objecgt Model(浏览器对象模型：)
关闭浏览器窗口、打开一个新的浏览器窗口、后退、前进、浏览器地址栏上的地址等，都是BOM编程
2.BOM和DOM的区别和联系
BOM的顶级对象是：window
DOM的顶级对象是：document
实际上BOM是包括DOM的！
设置和获取文本框
1.获取文本框内容
<body>
<input type="text" id="username"/>
<input type="button" value="获取文本框内容" id="btn"/>
<script type="text/javascript">
window.onload=function(){
var btnElt=document.getElementById("btn");
btnElt.onclick=function(){
var usernameElt=document.getElementById("username");
var username=usernameElt.value
alert(username);
}
}
</script>
</body>
2.复制文本框内容
<body>
<input type="text" id="username"/>
<br>
<input type="text" id="username2"/>
<br><br>
<input type="button" value="获取文本框内容" id="btn"/>
<input type="text" onblur="alert(this.value)"/> //失焦事件文本获取
<script type="text/javascript">
window.onload=function(){
var btnElt=document.getElementById("btn");
btnElt.onclick=function(){
var usernameElt=document.getElementById("username");
var username=usernameElt.value
var usernameElt2=document.getElementById("username2");
usernameElt2.value=username;
}
}
</script>
</body>