JavaScript快速入门
2.1、引入JavaScript标签
-
内部标签
<script> //...... </script>
-
外部引入
abc.js
<script src="abc.js"></script>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--script标签内,写Javascript代码 <script> alert("hello,world") </script>--> <!--外部引入--> <!--注意,script标签必须成对出现--> <script src="js/alert.js"></script> </head> <body> </body> </html>
2.2、基本语法入门
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--JavaScript严格区分大小写-->
<script>
//1.定义变量 变量类型 变量名=变量值
var score = 88;
//2.条件控制
if(score>60 && score<70){
alert("60~70")
}else if(score>70 && score<80){
alert("70~80")
}else {
alert("其他")
}
//console.log(score) 在浏览器的控制台打印变量!
/*
* 多行注释
* */
</script>
</head>
<body>
</body>
</html>
浏览器必备调试须知:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yzU8IiZ3-1680139559328)(C:\Users\user\AppData\Roaming\Typora\typora-user-images\image-20221009233943517.png)]
2.3、数据类型
数值,文本,图形,音频,视频…
number
js 不区分小数和整数,Number
123 //整数123
123.1 //浮点数123.1
1.123e3 //科学计数法
-99 //复数
NaN //not a number
Infinity //表示无限大
字符串
‘abc’ “abc”
布尔值
true false
逻辑运算
&& // 两个都为真,结果为真
|| //一个为真,结果为真
! //真即假,假即真
比较运算符 【重要】
=
== 等于(类型不一样,值一样,也会判断为true)
=== 绝对等于(类型一样,值一样,结果为true)
这是一个js的缺陷,坚持不要使用 == 比较
须知:
- NaN==NaN,这个与所有的数值都不相等,包括自己
- 只能通过isNaN(NaN)来判断这个数是否是NaN
浮点数问题:尽量避免使用浮点数进行运算,存在精度问题!
null和undefined
-
null空
-
undefined 未定义
数组
//保证代码的可读性,尽量使用[]
var arr=[1,3,4,5,'hello',true]
new Array(1,23,4,"hello")
取数组下标,如果越界了,就会
undefined
对象
对象是大括号,数组是中括号
每个属性之间使用逗号隔开,最后一个不需要添加
//Person person = new Person(2,1,3);
var person = {
name : "hua",
age : 3,
tags : ["js","java","web","..."]
}
取对象的值
person.name
>>'hua'
person
>>{name: 'hua', age: 3, tags: Array(4)}
2.4、严格检查模式
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IMOtENtd-1680139607816)(C:\Users\user\AppData\Roaming\Typora\typora-user-images\image-20221010101708453.png)]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
前提:IDEA 需要设置支持ES6语法
"use strict";严格检查模式,预防JavaScript的随意性导致产生的一些问题
必须写在JavaScript的第一行
局部变量建议都使用let去定义
-->
<script>
"use strict";
let d=1;
</script>
</head>
<body>
</body>
</html>