小白之旅18

Posted 2022-06-24 demonycw

JS

一. 什么是JS

javascript，是web上的一种功能强大的脚本语言，用于开发交互式的web页面，

它也无需编译，直接嵌入在html中，由浏览器解释运行。

二. JS的引入

• 内嵌式：在head中的script标签中写代码
• 内联式：定义.js文件，在head中的script标签中的src中引入

三. 语法

3.1 变量的定义

1、先定义后赋值

var 变量名;

变量名 = 值;

2、定义的同时赋值

var 变量名 = 值;

3.2 变量的命名规范

• 不能与关键字重名，如：function
• 由数组、字母、下划线组成
• 数字不能开头

3.3 数据类型

3.3.1 基本类型

1、Undefined，只有一个值，就是undefined。当定义的变量没有初始化就使用时，会出现undefined。
2、Null，只有一个值，就是null，表示一个占位符，undefined实际上就是null派生出来的。
3、Boolean，布尔类型，false、true
4、Number，数值类型，表示任意的数值
5、String，字符串类型，由双引号或者单引号括起来的内容，js中的没有字符类型

3.3.2 引用类型

1、document

2、window

3、location

4、history

3.4 运算符

3.4.1 算数运算符

+、-、*、/、%、++、--

3.4.2 赋值运算符

=、+=、-=、*=、/=、%=

3.4.3 比较运算符

大于、小于、大于等于、小于等于、!=、== 、===

==：比较数值是否相等

===：比较数值和类型是否都相等

3.4.4 逻辑运算符

&&、||、!、^

3.4.5 三元运算符

（条件表达式）？表达式1：表达式2;

3.5 注释

1、单行注释：// 注释内容

2、多行注释：/* 注释内容 */

3.6 函数

定义：

1、function 方法名(参数列表)方法体

2、匿名函数：对象.事件=function(参数列表)方法体

调用：

方法名(参数列表);

3.7 返回和参数

3.7.1 参数列表

格式：

function 方法名(变量名)

注：当某一方法是由某个元素触发时，可以用this表示该元素对象，从而获取此元素中的所有属性值

3.7.2 返回

js的方法中无需指明返回的数据类型，如果方法有返回值，那么直接写在return后即可。

格式：

? function 方法名()

? return 值;

?

四. 元素的获取方式

• getElementById(id值)：通过id值获取对应元素的对象
• getElementsByClassName(class值)：通过class值获取所有指定class元素组成的数组
• getElementsByName(name值)：通过name值获取所有指定name元素组成的数组
• getElementsByTagName(标签名)：获取所有指定标签所组成的数组

五. 使用js设置css

格式：

元素对象.style.具体样式 = "值";

注：

• css中的一个单词的样式，使用js调用时可以直接调用，例如：对象.style.color = "red";

• css中多个单词连接的样式，在js中需要以小驼峰的形式调用，例如：对象.style.fontSize = "20px";