一、学习内容
1.HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时。
2.HTML 表单验证可以通过 JavaScript 来完成。
二、动手实践
1.对HTML事件做出反应(背单词)
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1 onclick="Text1()">intense</h1>
<p id="p1"></p>
<h1 onclick="Text2()">intend</h1>
<p id="p2"></p>
<script>
function Text1(){
document.getElementById("p1").innerHTML='adj.强烈的,激烈的';
}
function Text2(){
document.getElementById("p2").innerHTML='v.打算';
}
</script>
</body>
</html>
展示:
2.JavaScript表单(复读机)
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input id="numb">
<p type="button" onclick="myFunction()">点击显示输入内容</p>
<p id="demo"></p>
<script>
function myFunction() {
var text;
text = document.getElementById("numb").value;
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
展示: