JavaScript 基础

49 阅读1分钟

1. 什么是JavaScript?

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

1.1 JavaScript的作用是什么?

  • 网页特效
  • 表单验证
  • 数据交互
  • 服务端(后端)编程

1.2. JavaScript的组成

mindmap
      JavaScript
       ECMAScript(基础语法)  
       WebAPIs
        DOM
        BOM

2. JavaScript的编写位置

  • 行内 JavaScript
  • 内部 JavaScript
  • 外部 JavaScript

2.1 行内JavaScript

即内联,JS代码写在标签内部。

image.png

运行效果:

image.png

2.2 内部JavaScript

直接编写在Html文件里,用script标签包裹

语法:通常script标签写在上方,因为浏览器中加载Html是按照代码顺序进行加载。

image.png

运行效果:

image.png

2.3 外部JavaScript

代码写在外部.js结尾的文件中, 外部JS结构清晰,易于理解,且有益于代码复用。

语法:通过script标签引入到html文件中, script标签同样写在上方

image.png

image.png

运行效果:

image.png

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

浏览器中弹出对话框。

image.png

image.png

  • 输出-Documen

页面中打印输出内容

image.png

image.png

  • 输出-Consol

页面控制台输出

image.png

image.png

  • 输入-promp

弹出对话框,提示一句话

image.png

4.2 字面量

计算机语言中描述的事或物

未完待续......