1、JS简介
1.起源于前端验证：用户名、长度、邮箱等验证
2.标准：ECMAScript（文档）
3.JavaScript构成：ECMAScript、DOM（文档对象模型、操作网页）、BOM（浏览器对象模型、操作浏览器）
4.特点：解释型语言、类似于C和Java的语法结构、动态语言、基于原型的面向对象
2、JS的HelloWorld
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--js代码写到script标签中-->
<script >
alert("弹出警告框");
document.write("页面中的内容");
console.log("在控制台中输出内容");
</script>
</head>
<body>
</body>
3、JS编写位置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--js代码写到script标签中-->
<script >
alert("直接弹出");
</script>
<!--
js写到外部js文件中，然后通过SCRIPT标签引入
写到外部文件可以在不同的页面中同时引用，也可以利用浏览器的缓存
script标签一旦用于引入外部文件，就不能再这个里面继续编写代码，可以再写个script标签
-->
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<!--
js代码编写到标签中的onclick属性中
但是结构与行为耦合，不方便维护，不推荐使用
-->
<button onclick="alert('点击按钮弹出我');">按钮</button>
<a href="javascript:alert('弹出');">超链接点击</a>
<a href="javascript:;">超链接点击</a>
</body>
</html>
alert("外部的弹出")
4、基本语法
<script >
/*
JS注释（多行注释）
养成良好的编写注释习惯，可以根据注释对代码进行简单调试
*/
//单行注释
/*
*1.JS严格区分大小写
*2.JS中每一条语句以;结尾
*3.JS中会忽略多个空格和换行，可以利用多个空格和换行对代码进行优化
*
* /
</script>