Javascript基础了解（12月3日）

Posted 2020-10-16

一、什么是javascript语言：
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 html 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

二、Javascript需要知道的三个弹框：
（1）alert（“ ”） 弹窗（警告框）
（2）confirm（“ ”）确认框（框中有确认和取消按钮）
（3）prompt（“ ”，）提交确认框（逗号后可以输入一个默认值）

三、输出语句：
（1）console.log（“ ”） 可以在控制台上输出消息（在火狐或者谷歌上页面上按F12即可呈现出控制台）。
（2）document.write（“ ”）直接会在页面上呈现。

四、变量的定义：
所有变量均由 var 定义。

五、Javascript中的数据类型：
（1）字符串类型（string）：字符串由 “ ”/‘ ’ 包住。
（2）空类型（Nall）
（3）未知数类型（underfined）
（4）数字类型（number）
（5）布尔值（boolear）
（6）复杂对象（object）
其中可以用语句 typeof（）来检测数据的类型。

六、Javascript中的运算符：

+	加
-	减
*	乘
/	除
%	求余数 (保留整数)
++	累加
--	递减

七、Javascript中的赋值运算符：

运算符   等价于    

=
+=	x=x+y
-=	x=x-y
*=	x=x*y
/=	x=x/y
%=	x=x%y

八、比较运算符和逻辑运算符：

（1）比较运算符：

“==”相等   “==="绝对等于   “！=”不等于    “！==”绝对不等于

（2）逻辑运算符：

“&&”与      “||”或      “！”非

九、 条件运算符（三目运算符）：

语法：

（条件）？“条件成立时的结果”：“条件不成立时的结果”

eg：

var age=prompt（“请输入您的年龄段”）；

alert（age>=18）？“成年人，允许上网”：“未成年人，无法上网”；

十、Javascript中如何获取元素内容：

通过ID名获取信息:document.getElementById("").innerHTML/innerText ;     其中innerHTML为获取其中所有的元素，包括里面的所有标签内容，二innerText只能获取其中的文字信息。

通过类名获取信息:document.getElementsByClassName("")[ ].innerHTML/innerText;

通过标签名获取信息:document.getElemenstByTag("")[ ].value;     value可以获取表单中的信息。

除了通过id名获取信息外，剩下所有的均要在后面的方括号中添加索引值，第一个索引值为[0]。

十一、Javascript中的语句：

（1）if语句：

• if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码

• if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码

• if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行

• switch 语句 - 使用该语句来选择多个代码块之一来执行

（2）switch语句：

switch 语句用于基于不同的条件来执行不同的动作

eg：执行不同的代码块

switch(n)

{

case 1:  执行代码块 1 

break;

case 2:  执行代码块 2 

break;

default: 

n 与 case 1 和 case 2 不同时执行的代码

}

（3）循环语句：

• for - 循环代码块一定的次数

• for/in - 循环遍历对象的属性

• while - 当指定的条件为 true 时循环指定的代码块

• do/while - 同样当指定的条件为 true 时循环指定的代码块

十二、Javascript中的事件：

onload 和 onunload 事件会在用户进入或离开页面时被触发。

onchange 事件当发生变化时触发。

onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。

onfocus当输入字段获得焦点时触发。

onmousedown 和 onmouseup当用户按住鼠标或松开时触发。

十三、Javascript中的Math函数：

Math.E 常数

Math.PI π（圆周率）

Math.round( )  四舍五入到整数

Math.random( )  随机产生一个0~1的小数

Math.ceil( )  向上取整

Math.floor( )  向下取整