JavaScript介绍

1、Javascript是什么

1.概念

JavaScript是一种运行在客户端的编程语言，实现人机交互效果。

2.作用

• 网页特效（监听用户的一些行为让网页作出对应的反馈）
• 表单验证（针对表单数据的合法性进行判断）
• 数据交互（获取后台数据，渲染到前端）
• 服务端编程（node.js）

3.组成

1. ECMAScript（Javascript语言基础）：规定了js基础语法核心知识
2. Web APIs
   • DOM（页面文档对象模型）：操作文档，比如对页面元素进行移动，添加删除等操作
   • BOM（浏览器对象模型）：操作浏览器，如页面弹窗，检测窗口宽度等

2、Javascript书写位置

1.内部Javascript

• 直接写在html文件里，用script标签包住
• 规范：script标签写在上面
• 拓展：alert('你好，js')页面弹出警告对话框
• 注意：通常将

2.外部Javascript

• 代码写在以.js结尾的文件里，通过script标签，引入到HTML页面中。

示例图：

• 注意：script标签中间无需写代码，否则会被忽略！

3.行内Javascript

代码写在标签内部

示例图：

3、Javascript 怎么写

1.注释

• 单行注释
  • 符号：//
  • 作用：//右边的这一行内容会被机器忽略
  • 快捷键：CTRL + / （大部分编译器）
• 块注释
  • 符号：/* */
  • 作用：在/* 和 */ 之间的所有内容都会被机器忽略
  • 快捷键：shift + alt + a (在vscode中使用)

2.结束符

• 作用：使用英文的 **；**代表语句结束
• 实际情况：在实际开发中可写可不写，浏览器可以自动推断语句的结束位置
• 现状：在实际开发中，越来越多的人主张省略结束符

3.Javascript输入输出语法

• 输出语法：
  1. document.write('要输出的内容')
     • 作用：向body内输出内容
     • 注意：如果输出的内容是标签，也会被解析成网页元素
  2. alert('要输出的内容')
     • 作用：页面弹出警告对话框
  3. console.log('控制台打印')
     • 控制台输出语法，程序员调试使用
• 输入语法
  • 语法：prompt('请输入您的姓名：')
  • 作用：显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字

4.Javascript 代码执行顺序

• 按HTML文档流顺序执行Javascript代码
• alert() 和 prompt() 它们会跳过页面渲染先被执行

5.字面量

• 概念：在计算机科学中，字面量是在计算机中描述 事/物
  • 如：我们学校有9000 人，此时 9000 是数字字面量