JavaScript(简称“JS”)
JS是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。
JS是属于HTML和Web的编程语言。
为什么学习JavaScript
- HTML定义网页的内容
- CSS规定网页的布局
- JavaScript对网页行为编程
第一个JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>JavaScript</h1>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "我的第一段JavaScript";
</script>
</body>
</html>
JavaScript函数和事件
JavaScript函数是一种JavaScript代码块,它可以在调用时被执行。
例如:当发生事件时调用函数,比如当用户点击按钮时。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id="demo">点击下方显示时间</p>
<button onclick="DisplayTime();">显示当前时间</button>
<!-- 当用户点击按钮时就会调用下方函数获取时间 -->
</body>
<script>
function DisplayTime() {
document.getElementById('demo').innerHTML = Date();
}
</script>
</html>
当点击按钮后页面就会更新为