?????? ???
JavaScript? ?????? ?? ??? ??? ?????. ???? ??? ? ???? ?? JavaScript ??? ???? ??? ???? ???? JavaScript ??? ??? ? ????.
???? ??? ?? ??? ??? ?? ? ????? ?? DOM ???? ?? ???? ???? ??????. ??? ?? JavaScript ?? ??? ???? ?? ?? ??? ???? ?????.
JavaScript ???
JavaScript? ??? ? ?? ????? ??? JavaScript ????? ???. ??? ? ?? ???? JavaScript ??? ????.
1. ??? ???? ????? ?? ?????.
2. ???? ??? ?????.
3. ???? ????? JavaScript ??? ?? ?????. ?, ??? ?? ??? ???? ??? ?? ??? ?????.
?? HTML ???
??? ? ?? ???? HTML ??? ?????:
Event
Descriptiononchange HTML ?? ??
onclick ???? HTML ?? ??
onmouseover ???? HTML? ?? ????. ?? ??? ??
onmouseout ???? HTML ???? ???? ?????.
onkeydown ???? ??? ?? ????.
onload ????? ??? ??? ??????.
onclick ??? ?? onclick ?? ?? ?? ???? ??????.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<script type="text/javascript">
function hello(){
var name = document.getElementById("name").value;
if( name == "") {
alert("請輸入你的姓名！");
return false;
} else {
alert(name + "，你好！");
}
}
</script>
</head>
<body>
姓名：<input type="text" id="name" />
<input type="button" onclick="hello()" value="確定" />
</body>
</html>? ??? onclick ??? ??? ?? ??? ?? ?????? ?? ?? "hello()" JavaScript ?????. ???? onclick ??? ??? ?????.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<button onclick="displayDate()">點這里</button>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
</body>
</html>JavaScript? ??? ? ? ????
???? ?? ??? ??, ??? ??, ??? ?? ? ???? ??? ???? ? ??? ? ????.
???? ???? ???? ?????. ???? ??? ???? ??? ?? ??? ???? ???? ?? ??? ?????.
?? ?? ??? ??? ? ????. JavaScript ??? ?? ??:
HTML ??? ??? JavaScript ??? ?? ??? ? ????.
HTML ??? ???
HTML ??? ?? ?? ??? ???? ??? ? ????.
???? ???? ?? ??? ? ????.
??...
