1. JS是一种：高级编程语言、运行在客户端（浏览器）的脚本语言，由 ECMACscript（语言基础）、Web APIs（Dom、Bom）两大部分组成

注：

• Dom——Document object model文档对象模型，操作文档(网页内容)，如页面元素的移动、大小等；
• Bom——Browser document model浏览器对象模型，操作浏览器，如页面弹窗、检测窗口宽度等（浏览器分为渲染引擎、JS引擎即JS解释器）

2. ECMAScript:

   • 规定了js基础语法核心知识。
   • 比如：变量、分支语句、循环语句、对象等等

3. Web APIs :

   • DOM 文档对象模型， 定义了一套操作HTML文档的API
   • BOM 浏览器对象模型，定义了一套操作浏览器窗口的API

4. 最初目的表单验证，减轻服务器压力，直接针对表单数据的合法性进行判断；网页特效（监听用户的一些行为，让网页做出对应的反馈）；数据交互（获取后台数据，渲染到前端）；服务端编程（node.js）

5. 所有JS使用单引号

JavaScript书写位置

内部/内嵌式

• 直接写在html文件里，用script标签包住

• 规范：script标签写在上方

• 拓展：

  <script>
      alert('沙漠骆驼');
  </script>
  

外部js

• 代码写在以.js结尾的文件里

• 语法：

  • 通过script标签，引入到html页面中

    <script src="my.js"></script>
    

    注：外部js 标签中间 不能写代码

内联/行内js

• 语法：

   <button onclick="alert('小傻子~~~')">点击我万事顺遂</button>
  

  注: 代码写在标签内部

JS注释

单行注释

快捷键：ctrl+/ ； //

多行注释

快捷键： shift+alt+a ；/**/

注：多行注释 在vscode中 设置-首选项-键盘快捷方式 自行修改对行注释的快捷：ctrl+shift+/

JS结束符

注：英文分号;代表结束，可写可不写，根据团队要求，要么都写，要么都不写（一般不写），vue.js都不写分号

JS输入输出语法

- 语法即规则

输出语法

1. 语法一，文档，页面打印输出内容

    document.write('我是标签')
    document.write('<h1>我是标题</h1>')
   

2. 语法二,弹出警告框

   alert('你的年龄是？')
   

3. 语法三，控制台输出，程序员调试用

   console.log('我是程序员能看到的')
   

输入语法

1. prompt输入语句

   prompt('请输入你的年龄：');
   

JavaScript代码执行顺序

1. 按HTML文档流 顺序（从上往下） 执行JS代码
2. alert()和prompt()会跳过页面渲染先被执行