初始JavaScript
JavaScript是什么
JavaScript的作用
HTML/CSS/JS的关系
浏览器执行JS
JS三部分组成
ECMAScript
DOM——文档对象模型
BOM——浏览器对象模型
JS案例体验
js有三种书写位置,分别为行内、内嵌、外部
行内式JS
<!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>
<input type="button" value="舔狗" onclick="alert('双十一!')">
</body>
</html>
在行内写如果都用双引号会报错
内嵌式JS
<!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>
<script>
alert('双十一!');
</script>
</head>
<body>
</body>
</html>
外部JS文件
<!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>
<script src="./004my.js"></script>
</head>
<body>
</body>
</html>
004my.js
alert('hello!');