目录
一、JS是什么？
JS（JavaScript）是一种运行在客户端(浏览器)的编程语言，实现人机交互效果。HTML和CSS是标记语言而不是编程语言。
二、JS的作用？
- 网页特效(监听用户的一些行为让网页作出对应的反馈)
- 表单验证(针对表单数据的合法性进行判断)【JS表单验证是优化项目性能的好方法】
- 数据交互(获取后台的数据，渲染到前端)
- 使用Node.js做后端开发
三、JS的组成
- 如果是分为两部分就分为：ECMAScript、Web APIs
- 如果是分为三部分就把Web APIs再拆分一下，拆为DOM和BOM，三部分为ECMAScript、DOM、BOM。
四、JS的书写位置
1. 内部JS
内部JS就是将<script>标签写在<body>最下面，也就是放在</body>上，
2. 外部JS(外部导入)
- 位置不变，仍在<body>的最下面，但是要通过<script src="xxx">来导入。
- 注意使用这种写法<script>标签的中间就不要写内容了，写了也不执行。
3. 内联JS
也就是在标签内部写JS代码。
4. 练习
<body> <--内部JS--> <script> alert("aaaaa"); </script> <--外部JS--> <script src="./JSdemo1.js"></script> </body>
五、JS的注释与结束符
1. 注释
JS的注释和其他编程语言一样，//是单行注释，/**/是多行注释。
2.结束符
以 ; 为结束符，但是可写可不写。
3. JS该不该加分号？
- 按你所在的开发团队的规定来。
- 不要一味的认为“语句的结尾当然应该加分号”，这是一个保守的、未经深入思考的草率结论。
六、JS的输入和输出语法
1. 输出语法
a. 输出在页面中
- document.write('要输出的内容')
- 单引号，双引号都行，但一定要把要输出的内容括起来。
- 如果输出的内容是标签，也会被解析成网页元素。
<body> <script> document.write("demo2"); document.write("<h1> demo2 </h1>"); </script> </body>
b. 弹出警告对话框
- alter("要输出的内容")
- 单引号和双引号都行，但一定要把要输出的内容括起来。
- 不会解析标签。
<body> <script> alert("demo2") alert('demo') </script> </body>
c. 输出在控制台中
- console.log("控制台打印")
- 开发时，打印日志给我们开发人员看的。
<body> <script> console.log("demo2") console.log('demo2') </script> </body>
2. 输入语法
a. 显示一个对话框输入
- prompt("xxxx")
- 后面使用变量可以获取到用户输入的信息。
3. 练习
<body> <script> alert('你好JS') document.write('JavaScript我来了！') console.log('它~会魔法吧~') </script> </body>
七、JS代码的执行顺序
- 按照从上往下的顺序执行JS代码
- alert()和prompt()弹出框会被优先执行
八、字面量
- 数字字面量 --- 100
- 字符串字面量 --- 'abc' \ "abc"
- 数组字面量 --- []
- 对象字面量 --- {}
九、 总结
------------------------END-------------------------
才疏学浅，谬误难免，欢迎各位批评指正。
扫一扫
349
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
