1. 什么是JavaScript?
是一种运行在客户端的编程语言,实现人机交互效果。
1.1 JavaScript的作用是什么?
- 网页特效
- 表单验证
- 数据交互
- 服务端(后端)编程
1.2. JavaScript的组成
mindmap
JavaScript
ECMAScript(基础语法)
WebAPIs
DOM
BOM
2. JavaScript的编写位置
- 行内 JavaScript
- 内部 JavaScript
- 外部 JavaScript
2.1 行内JavaScript
即内联,JS代码写在标签内部。
运行效果:
2.2 内部JavaScript
直接编写在Html文件里,用script标签包裹
语法:通常script标签写在上方,因为浏览器中加载Html是按照代码顺序进行加载。
运行效果:
2.3 外部JavaScript
代码写在外部.js结尾的文件中, 外部JS结构清晰,易于理解,且有益于代码复用。
语法:通过script标签引入到html文件中, script标签同样写在上方
运行效果:
3. JS的写法
3.1 注释
- 单行注释
格式://This is single line Comment
快捷键:Ctrl + /
- 多行注释
格式:/* Write multiple lines of comments here*/
快捷键:Shift + Alt + a
3.2 结束符
- 结束符英文分号 “;”
- 可省略
4.常见语法
4.1 输入输出语法
JavaScript 代码执行顺序:
按照HTML文档流顺序执行JavaScript代码
alert()和promp()会跳过页面渲染先被执行
- 输出-Alert
浏览器中弹出对话框。
- 输出-Documen
页面中打印输出内容
- 输出-Consol
页面控制台输出
- 输入-promp
弹出对话框,提示一句话
4.2 字面量
计算机语言中描述的事或物
未完待续......