Js第一章

一.什么是JavaScript

JavaScript是Web开发领域中的一种功能强大的编程语言，主要用于开发交互式的网页。
简称JS
1.网页的组成：

一个完整的网页由三部分组成：
HTML   （网页的主体部分）
CSS     （美化的主体部分）
JavaScript （实现业务逻辑和页面控制）
以上的举例说明：
网页中最常见的无非就是登陆页面。
HTML无非就是账号框，密码框，登陆按钮。
CSS无非就是美化上述内容。
JS就是当用户点击登陆按钮，获取账号和密码框的内容，去后台进行校验，判断是否账号密码匹配，然后做出相对于的反馈。
2,JS的三大组成：

第一部分：核心语法  （JS代码）
第二部分：DOM文档对象模型  （JS可以控制HTML元素进行相关的操作）
第三部分：BOM 浏览器对象模型（JS可以控制浏览器元素进行相关的操作）
浏览器元素：弹窗。浏览器的宽高，滚动条等等。
3.JS的特点：

简单易用 （只需要用户安装浏览器即可使用）
跨平台    和上述一样。
支持面向对象
4.JS常见的开发工具

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

JS代码和CSS代码非常类似，都可以在一个网页中拥有多个代码标签片段。
嵌入式：就是刚刚讲解的方法。将JS代码放在script标签中，将script标签放在HTML页面中。（和CSS代码很类似）适用于：JS代码较少。不会影响到我们阅读HTML代码。
外链式：适用于JS代码非常多，不适合放在HTML页面中，不然导致不方便阅读HTML代码。
如何使用外链式：
也是在适当的位置（body标签的最低部）引入script标签。
禁止在标签内部书写JS代码了
创建一个外部的JS文件了（后缀为.js文件）
这个外部js文件，就不要放script标签了。直接写代码
在A步骤中添加src=”xxx.js”路径即可使用。
6.JS最基础的几行代码

alert(“xxx”);作用：生成一个警告的弹窗
prompt(“xxxx”); 生成一个询问框，用户可以输入值。然后点击确定和取消。
点击确定：JS需要收集用户输入的信息（第二章讲解）。点击取消：无事发生。
confirm(“xxx”); 生成一个询问框,但是不需要输入，只需要选择确定或取消。
以上三个就是JS内置的3个弹窗。（只有3个）
根据不同场合使用不同的弹窗。
document.write(“xxxx”); 作用：在HTML页面输入一段内容。一般使用场景：用户执行了什么操作，才会显示什么内容。
console.log(“xxx”); 需要按一下F12才能打开浏览器的控制台。常用于调试BUG。