JavaWeb--快速入门JavaScript，绝了

• 七、DOM模型

• • Document 对象的理解：

• Document 对象中的方法介绍

前言

=================================================================

文章学习于尚硅谷JavaWeb教程

一、JS介绍

=====================================================================

Javascript 语言诞生主要是完成页面的焱据验证。因此它运行在客户端，需要运行浏览器来解析执行Javascript代码。

JS是Netscape网景公司的产品，最早取名为Livescript;为了吸引更多java程序员。更名为JavaScript

JS是弱类型,Java是强类型

弱类型就是类型可变。

强类型,就是定义变量的时候。类型已确定。而且不可变。

二、JS和HTML的结合方式

=============================================================================

2.1 通过在html头部定义script标签来结合JS

---

2.2 使用script 标引入单独的JavaScript代码文件

---

2.3 两种方式的结合

---

三、变量

===================================================================

什么是变量?变量是可以存放某些值的内存的命名。

JavaScript的变量类型

---

数值类型:number

字符串类型:string

对象类型:object

布尔类型:boolean

函数类型:function

Javascript里特殊的值

---

undefined 未定义，所有js 变量未赋于初始值的时候，默认值都是

null 空值

NAN 全称是:Not a Number。非数字。非数值。

Js中的定义变量格式

---

​ var变量名;

​ var变量名=值;

关系（比较）运算

---

等于： == 等于是简单的做字面值的比较

全等于： === 除了做字面值的比较之外，还会比较两个变量的数据类型

逻辑运算

---

且运算： &&

或运算： |

取反运算： !(英文字母下的感叹号)

四、数组

===================================================================

JS 中 数组的定义：

格式：

var 数组名 = []; // 空数组

var 数组名 = [1 , ’abc’ , true]; // 定义数组同时赋值元素

五、函数

===================================================================

函数的二种定义方式

---

第一种，可以使用 function 关键字来定义函数。

​ 使用的格式如下:

​ function 函数名(形参列表){

​ 函数体 }

​ 在 JavaScript 语言中，如何定义带有返回值的函数？

​ 只需要在函数体内直接使用 return

函数的第二种定义方式

格式如下：

​ 使用格式如下：

​ var 函数名 = function(形参列表) {函数体}

函数的 arguments 隐形参数（只在 function 函数内

---

就是在function函数中不需要定义，但却可以直接用来获取所有参数的变量，我们叫它隐形参数

就是在 function 函数中不需要定义，但却可以直接用来获取所有参数的变量。我们管它叫隐形参数。 隐形参数特别像 java 基础的可变长参数一样。 public void fun( Object … args ); 可变长参数其他是一个数组。 那么 js 中的隐形参数也跟 java 的可变长参数一样。操作类似数组。

六、事件

===================================================================

什么是事件？事件是电脑输入设备与页面进行交换的响应。我们称之为事件

常用的事件

---

onload 加载完成事件： 页面加载完成之后，常用于做页面 js 代码初始化操作

onclick 单击事件： 常用于按钮的点击响应操作。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-6N9zzAKM-1711953693182)]

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-6nbZovJT-1711953693183)]

[外链图片转存中…(img-4SWyYCgD-1711953693183)]