<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
</style>
<script>
window.onload = function() {
document.getElementById("txtInput").onkeyup = function() {
if (event.keyCode == 13) { //13是换行 event获取键盘函数
document.getElementById("showDiv").innerHTML = this.value; //this.value是textarea中的值
}
}
document.getElementsByTagName("button")[0].onclick = function() {
console.log(this);
}
}
//BOM
// var str="1+1";
// console.log(eval(str));//结果:2 eval 计算函数
// window.onload=function(){
// document.getElementById();
// }
// myFun();
// function myFun(){
// console.log("3",this);
// }
// window.onload=function(){
// console.log("1",this);
// document.getElementsByTagName("button")[0].onclick=function(){
// console.log("2",this);
// myFun();
// }
// }
/**
*1. DOM 是 W3C 的标准； [所有浏览器公共遵守的标准]
*2. BOM 是 各个浏览器厂商根据 DOM
*在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]
*3. window 是 BOM 对象，而非 js 对象；
*/
</script>
</head>
<body>
<textarea id="txtInput" cols="30" rows="5"></textarea>
<!--一个5行30列的textarea-->
<button>函数this</button>
<div id="showDiv"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
window.onload = function(){
function getDateTime(){
// clearInterval();
var date = new Date();
var year = date.getFullYear();
var mounth = date.getMonth();
var week = date.getDay();
var day = date.getDate();
var h = date.getHours();
var m = date.getMinutes();
var s = date.getSeconds();//秒
var getWeek = ["日","一","二","三","四","五","六"];
document.getElementById("showDiv").innerHTML = year+"年"+(mounth+1)+"月"+day+"日"+" 星期"+getWeek[week]+" "+h+"时"+m+"分"+s+"秒";
}
setInterval(getDateTime,500);//错误原因:多打了个括号
}
</script>
</head>
<body>
<div id="showDiv" style="width: 400px; height: 200px; border: 1px solid black;"></div>
</body>
</html>
