【前端之JavaScript的介绍、安装与基本语法知识】

前端之JavaScript的介绍、安装与基本语法知识

我们常见的Web前端三巨头：HTML、CSS、JS（JavaScript）具体请移到【我的专栏】前端——>前端之HTML+CSS；
这里我将图文并茂的介绍JS在Vscode中相关功能的运用，希望能够对你们有些帮助。

1. 介绍
2. 安装
3. 基础语法知识
   【JavaScript 组成】
   【script标签的使用】
   【向页面输出内容】
   【javascript注释】

1.介绍

Web前端三巨头：HTML结构 、CSS表现、JS行为。
JS：跨平台的脚本语言。
平台：运行环境即操作系统。
跨平台：各个环境下都可以运行。
脚本语言：依赖于HTML网页不能独立运行。

2.安装

网址：
https://web.archive.org网红网站记录官网
https://code.visualstudio.com/ Vscode工具下载
https://www.jb51.net/article/123738.htm Vscode插件地址

3.基础语法之知识

【JavaScript 组成】

ECMAScript：JS 的书写语法和书写规则。
DOM：JS 操作文档流发生变化的属性和方法（文档）。
BOM：JS 操作浏览器发生变化的属性和方法（浏览器）。

【script标签的使用】

所有的JS代码都在这个标签中；
属性：
type=’text/javascript’声明当前标签内写的文本格式（可省略）；
src=’demo.js’引入外部的.js文件。
注意： 可以有多个script标签，按照自上而下顺序执行；一个script标签只能专心的做一个事情。

【向页面输出内容】

• Alert(‘肖言是御用女主’);在页面弹出警告框。

VScode端代码编写如下：

 alert('肖言是御用女神');

浏览器端显示的效果，如下图所示：
注意： 如果内容中含有标签会自动解析；转义字符：&lt代表< 、&gt代表>。

• document.write(‘肖言是御用女主’);在当前页面输出内容。

VScode端代码编写如下：

document.write('肖言是御用女主');

浏览器端显示的效果，如下图所示：

• Console.log(‘肖言是御用女主’);在浏览器调试面板控制台输出内容，一般用于代码调试时。
  注意：一般网站都会在控制台Console.log部分埋藏本公司的招聘简介。（计算机的大佬行动起来）

【javascript注释】

• 单行注释//：（快捷键）ctrl+/
• 多行注释/肖言是御用女主/：（快捷键）ctrl+shift+/

注意：在编写JS代码时要在每一行代码结束的位置加 ;（分号）因为后期代码可能要压缩。代码压缩会去掉编写代码时的所有空格、tab键和换行。

好了，关于前端之JavaScript介绍、安装与基本语法知识已经写的非常清楚了，具体实战有什么问题的小伙伴可留言或者私信，看到一定帮您解决，我们别的文章再见。