js小白应该知道的那些知识点一、什么是 JS 的组成 1.ES JS 的语法规范 (规则) 2.DOM 文档对象模型 D

一、什么是 JS 的组成

1.ES JS 的语法规范 (规则)

2.DOM 文档对象模型 DIV span

3.BOM ：浏览器对象模型

二、js的使用方法

行内

<div onclick=""></div>

内嵌

<script>       
           alert('哈哈, 100')
   
           alert('123')    
    
           alert('123')  
</script>

外联式

    <script src="./02_外联.js"></script>

三、变量定义与赋值

var 变量名=数值；

var b = 200;

四、控制台输出

F12快捷键打开浏览器控制台

console.log(100)

console.log('梦想从这里起飞')

console.log("box")

五、如何使用变量

<script> 
        var a = 5000;   //定义变量a的值
        console.log(a)  // 将变量 a 的值, 打印在控制面板
</script>

六、变量命名规则

1、由字母、数字、下划线、$符号组成（不能以数字开头）

2、字母区分大小写

3、不能是关键字（var for）和保留字

七、变量命名规范

1.变量名必须有意义，

2、驼峰命名法（除第一个单词外后面的首字母必须大写）

八、算数运算符

1、算数运算符（+/-/*/ / /%） // 加、减、乘、除、余

2、赋值运算符（=/+=/-=/*=/ /= / %=）

a += 1 // a = a + 1 a+=10 // a=a+10

3、比较运算符（>/</>=/<=/==/===/!=/!==）

==数据相同 ===数据值类型都相同(全等于) != 不等于 !== 不全等于

4、逻辑运算符( && / || / ! )

&& (逻辑与逻辑且) 有假则假

|| (逻辑或) 有真则真

! (非, 取反, 逻辑非) 非0即为真

5、自增自减运算符( ++ / -- )

++ 在前, 先运算自增, 然后参与周围表达式

++ 在后, 先参与周围表达式运算, 然后自增1

有关算数运算符的一些小练习

1、var a = 3; var b = a++; a + b + a++`该代码输出的值为 11

var b=3; 此行为3 下行为4

a+b+a++=4+3+4=11

2、console.log(parseInt(1 * 100 / 3 + ""))`该代码输出的值为 33

console.log(parseInt(1*33.333333333..+""))

console.log(parseInt("33.33333")

var a = 3; a++; a++; var b = a+2; ++a; console.log(a) 该代码输出的值为 6

var a=3; a==3

a++ a=3(此行) a=4下行

a++ a=4(此行) a=5下行

var b=a+2 b=5+2=7

++a a=6

console.log(a) a=6
3 - "36" % 5 + "2" - 2该代码输出的值为 20

=3 — “1”+“2”—2

=“2”+“2”-2

=“22”-2

=22-2=20
var a = 4; var num = 1 * (2 + 3) && a++ || 5 > 6 && 7 < 8 || !9; num的值是 4

var num =1*5 && a++ || 5>6 &&7<8 || !9

=5 && 4 || false&&true || false

=4 || false ||falsee

js小白应该知道的那些知识点