JavaScript基础笔记

一.什么是JavaScript

JavaScript是Web开发领域中的一种功能强大的编程语言，主要用于开发交互式的网页。

简称JS

1.网页的组成：

一个完整的网页由三部分组成：

1. HTML   （网页的主体部分）
2. CSS     （美化的主体部分）
3. JavaScript （实现业务逻辑和页面控制）

以上的举例说明：

网页中最常见的无非就是登陆页面。

HTML无非就是账号框，密码框，登陆按钮。

CSS无非就是美化上述内容。

JS就是当用户点击登陆按钮，获取账号和密码框的内容，去后台进行校验，判断是否账号密码匹配，然后做出相对于的反馈。

2,JS的三大组成：

第一部分：核心语法  （JS代码）

第二部分：DOM文档对象模型  （JS可以控制HTML元素进行相关的操作）

第三部分：BOM 浏览器对象模型（JS可以控制浏览器元素进行相关的操作）

浏览器元素：弹窗。浏览器的宽高，滚动条等等。

3.JS的特点：

1. 简单易用 （只需要用户安装浏览器即可使用）
2. 跨平台    和上述一样。
3. 支持面向对象

4.JS常见的开发工具

常见的两大开发工具	VSCode	HBuilderX
优点	1什么语言都可以用它编写	1.专注于前台设计
缺点	1.第一个优点导致的问题：界面设计不合理，安装的插件需要很多。需要联网等	2.功能较少

5.HTML页面书写JS代码的常见两种方式

JS代码和CSS代码非常类似，都可以在一个网页中拥有多个代码标签片段。

1. 嵌入式：就是刚刚讲解的方法。将JS代码放在script标签中，将script标签放在HTML页面中。（和CSS代码很类似）适用于：JS代码较少。不会影响到我们阅读HTML代码。

1. 外链式：适用于JS代码非常多，不适合放在HTML页面中，不然导致不方便阅读HTML代码。

如何使用外链式：

1. 也是在适当的位置（body标签的最低部）引入script标签。
2. 禁止在标签内部书写JS代码了
3. 创建一个外部的JS文件了（后缀为.js文件）
4. 这个外部js文件，就不要放script标签了。直接写代码
5. 在A步骤中添加src=”xxx.js”路径即可使用。

6.JS最基础的几行代码

1. alert(“xxx”);作用：生成一个警告的弹窗
2. prompt(“xxxx”); 生成一个询问框，用户可以输入值。然后点击确定和取消。

点击确定：JS需要收集用户输入的信息（第二章讲解）。点击取消：无事发生。

1. confirm(“xxx”); 生成一个询问框,但是不需要输入，只需要选择确定或取消。

以上三个就是JS内置的3个弹窗。（只有3个）

根据不同场合使用不同的弹窗。

1. document.write(“xxxx”); 作用：在HTML页面输入一段内容。一般使用场景：用户执行了什么操作，才会显示什么内容。

1. console.log(“xxx”); 需要按一下F12才能打开浏览器的控制台。常用于调试BUG。

注意事项：

转义符：如果遇到特殊符号：需要对其进行转义操作。

/是斜杠,挨着shift的

\是反斜杠：挨着回车上面的   作为转义符使用。