01 js基础
文章目录
JavaScript:
基于对象和事件驱动的,具有一定安全性,运行在浏览器中的脚本语言
主要用于给页面添加交互动作
基本结构:< script > < /script >
根据写的位置不同,分:
行内js:在对应的标签中,配合js事件,可以直接写一些简单的js
内部js:在页面中,使用 < script > 标签写js
外部js:在页面之外,新建一个以 .js 结尾的文件,页面中引入
引入使用< script >标签,标签中有 src 属性,指明路径
注意:当一个< scrip t>标签使用了src引入外部js时,这个标签中就不能再写其他js内容
语法:
定义变量:
使用 统一的 声明符 var / let / const
区别:var 可以理解成全局变量,let 可以理解成局部变量,const也是局部变量,基生命周期比let更短
数据类型:
number: 在js中,没有整数和小数的区别,数字类型统一是number
string: 在js中,没有 char字符,不管是""还是’',都代表字符串
boolean
undefined(null):只定义了变量,没有赋值时,js没法通过值去判断类型,就会是undefined
object:
可以使用 typeof() 判断变量的类型
String类:同java
声明数组:
let aa = new Array();
let aa = new Array(值1, 值2, 值3, …);
let aa = [5, 6, 9, 8, 7];
属性:length
方法:join(val): 通过指定的val把数组中的所有元素拼接起来,成为一个新的字符串
push(val): 将指定的val作为新元素添加到数组的末尾,添加后,数组长度自动+1
算术运算符:同java
赋值运算符:同java
比较运算符:同java
=,==,===区别:
=:赋值
==:比较两个值是否相等
===:除了比较两个值是否相等外,还会比较两个变量的类型是否相等
逻辑运算符:同java
逻辑控制:
if
if…else
if…else if…else 同java
while
do…while 同java
for:普通的for和java没区别
增强for:
for(let i in aa){
} 注意:js中增强for是for…in,前面的变量还是下标,不是具体元素值
流循环:
aa.forEach(element => {
}); 注意:js中流的写法是 =>,java中是 ->,element为数组中具体的元素值
循环中断:
break,continue 同java
注释:
单行: //
多行: /* … / 注意:js中没有 /*
弹窗:
alert(): 一般的提示类弹窗,有一个“确定”按钮,点击,弹窗关闭
confirm():二次确认弹窗,有“确定”“取消”两个按钮,点确定会返回 true,点取消会返回 false
prompt(): 带输入框的弹窗
系统函数(方法):
parseInt (“字符串”):将字符串转成整数,如果有小数,取整,如果不是数字,返回NaN
parseFloat(“字符串”):将字符串转成小数,如果不是数字,返回NaN
isNaN():判断是否是非数字,不是数字返回true,是数字返回false
自定义函数(方法): 统一使用 function,没有中间返回值类型的概念,如果有参数,直接写参数名,如果需要返回值,使用 return
function 方法名([参数1, 参数2]){
…
[return xx]
}
函数调用:1). 在js中,直接调用 2). 在标签中,配合js事件进行调用
事件:
onload:写在< body >标签中,代表页面结构加载完成后,立马执行
onclick:写在标签中,鼠标单击事件