这里写自定义目录标题

  • 一,JavaScript概念
  • 二,JS与html的结合方式
  • 1,内部JS
  • 2,外部JS
  • 三,JavaScript中的注释和数据类型
  • 1,注释:
  • 2,数据类型
  • 四,JavaScript运算符
  • 1,一元运算符
  • 2,算术运算符
  • 3,比较运算符
  • 4,逻辑运算符
  • 5,三元运算符
  • 6,流程控制语句
  • 7,JS特殊语法:
  • 8,练习99乘法口诀表
  • 五,JavaScript对象
  • 1,Function对象
  • 2,Array对象
  • 3,日期对象Date
  • 4,Math对象
  • 5,正则表达式
  • 6,globel对象


一,JavaScript概念

javascript黑马pink 黑马程序员js基础考试_javascript


javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_02

二,JS与html的结合方式

1,内部JS

javascript黑马pink 黑马程序员js基础考试_正则表达式_03

javascript黑马pink 黑马程序员js基础考试_javascript_04


javascript黑马pink 黑马程序员js基础考试_运算符_05


javascript黑马pink 黑马程序员js基础考试_数据类型_06


javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_07

当script标签在input标签上时则先弹出script标签,点击确定后才能进行文本框输入,反之则先有文本框再有script标签弹出

2,外部JS

先在src外面构建一个文件夹然后在里面创建一个a.js文件,并在a.js文件中写入alert(“我是外部的JS文件”);这段代码。

然后:

javascript黑马pink 黑马程序员js基础考试_运算符_08


javascript黑马pink 黑马程序员js基础考试_正则表达式_09

在弹出上述标识后还会弹出以下标识

javascript黑马pink 黑马程序员js基础考试_数据类型_10


javascript黑马pink 黑马程序员js基础考试_数据类型_11

三,JavaScript中的注释和数据类型

1,注释:

javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_12

2,数据类型

javascript黑马pink 黑马程序员js基础考试_运算符_13

javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_14

javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_15


typeof运算符可以查看你的数据类型,下面是修改后添加了typeof运算符的number类型的数字

javascript黑马pink 黑马程序员js基础考试_数据类型_16

这是运行结果

javascript黑马pink 黑马程序员js基础考试_正则表达式_17

四,JavaScript运算符

javascript黑马pink 黑马程序员js基础考试_javascript_18


javascript黑马pink 黑马程序员js基础考试_javascript_19

1,一元运算符

javascript黑马pink 黑马程序员js基础考试_javascript_20


javascript黑马pink 黑马程序员js基础考试_运算符_21

javascript黑马pink 黑马程序员js基础考试_数据类型_22

2,算术运算符

javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_23


javascript黑马pink 黑马程序员js基础考试_javascript_24

3,比较运算符

javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_25


javascript黑马pink 黑马程序员js基础考试_数据类型_26

javascript黑马pink 黑马程序员js基础考试_正则表达式_27

4,逻辑运算符

javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_28

javascript黑马pink 黑马程序员js基础考试_数据类型_29


javascript黑马pink 黑马程序员js基础考试_运算符_30


javascript黑马pink 黑马程序员js基础考试_正则表达式_31

5,三元运算符

javascript黑马pink 黑马程序员js基础考试_运算符_32

javascript黑马pink 黑马程序员js基础考试_javascript_33

javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_34

6,流程控制语句

javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_35


javascript黑马pink 黑马程序员js基础考试_运算符_36


javascript黑马pink 黑马程序员js基础考试_正则表达式_37


javascript黑马pink 黑马程序员js基础考试_正则表达式_38


javascript黑马pink 黑马程序员js基础考试_javascript_39

7,JS特殊语法:

javascript黑马pink 黑马程序员js基础考试_javascript_40

javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_41


javascript黑马pink 黑马程序员js基础考试_运算符_42

8,练习99乘法口诀表

javascript黑马pink 黑马程序员js基础考试_运算符_43

javascript黑马pink 黑马程序员js基础考试_javascript_44


javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_45

五,JavaScript对象

1,Function对象

javascript黑马pink 黑马程序员js基础考试_数据类型_46


javascript黑马pink 黑马程序员js基础考试_javascript_47

javascript黑马pink 黑马程序员js基础考试_运算符_48


javascript黑马pink 黑马程序员js基础考试_正则表达式_49


javascript黑马pink 黑马程序员js基础考试_数据类型_50

2,Array对象

javascript黑马pink 黑马程序员js基础考试_数据类型_51


javascript黑马pink 黑马程序员js基础考试_运算符_52


javascript黑马pink 黑马程序员js基础考试_正则表达式_53


javascript黑马pink 黑马程序员js基础考试_数据类型_54

3,日期对象Date

javascript黑马pink 黑马程序员js基础考试_数据类型_55

javascript黑马pink 黑马程序员js基础考试_javascript_56

4,Math对象

javascript黑马pink 黑马程序员js基础考试_javascript_57


javascript黑马pink 黑马程序员js基础考试_运算符_58


javascript黑马pink 黑马程序员js基础考试_数据类型_59

5,正则表达式

javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_60


javascript黑马pink 黑马程序员js基础考试_数据类型_61


javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_62


javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_63

6,globel对象

javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_64


javascript黑马pink 黑马程序员js基础考试_javascript_65


javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_66


javascript黑马pink 黑马程序员js基础考试_运算符_67


javascript黑马pink 黑马程序员js基础考试_运算符_68


javascript黑马pink 黑马程序员js基础考试_数据类型_69


javascript黑马pink 黑马程序员js基础考试_javascript黑马pink_70