黑马【JavaScript】知识点及笔记

这里写自定义目录标题

  • 一,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】知识点及笔记_第1张图片
黑马【JavaScript】知识点及笔记_第2张图片

二,JS与html的结合方式

1,内部JS

黑马【JavaScript】知识点及笔记_第3张图片

黑马【JavaScript】知识点及笔记_第4张图片
黑马【JavaScript】知识点及笔记_第5张图片
黑马【JavaScript】知识点及笔记_第6张图片
黑马【JavaScript】知识点及笔记_第7张图片

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

2,外部JS

先在src外面构建一个文件夹然后在里面创建一个a.js文件,并在a.js文件中写入alert(“我是外部的JS文件”);这段代码。
然后:
黑马【JavaScript】知识点及笔记_第8张图片
黑马【JavaScript】知识点及笔记_第9张图片

在弹出上述标识后还会弹出以下标识
黑马【JavaScript】知识点及笔记_第10张图片
黑马【JavaScript】知识点及笔记_第11张图片

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

1,注释:

黑马【JavaScript】知识点及笔记_第12张图片

2,数据类型

黑马【JavaScript】知识点及笔记_第13张图片

黑马【JavaScript】知识点及笔记_第14张图片

黑马【JavaScript】知识点及笔记_第15张图片
typeof运算符可以查看你的数据类型,下面是修改后添加了typeof运算符的number类型的数字
黑马【JavaScript】知识点及笔记_第16张图片

这是运行结果
黑马【JavaScript】知识点及笔记_第17张图片

四,JavaScript运算符

黑马【JavaScript】知识点及笔记_第18张图片
黑马【JavaScript】知识点及笔记_第19张图片

1,一元运算符

黑马【JavaScript】知识点及笔记_第20张图片
黑马【JavaScript】知识点及笔记_第21张图片

黑马【JavaScript】知识点及笔记_第22张图片

2,算术运算符

黑马【JavaScript】知识点及笔记_第23张图片
黑马【JavaScript】知识点及笔记_第24张图片

3,比较运算符

黑马【JavaScript】知识点及笔记_第25张图片
黑马【JavaScript】知识点及笔记_第26张图片

黑马【JavaScript】知识点及笔记_第27张图片

4,逻辑运算符

黑马【JavaScript】知识点及笔记_第28张图片

黑马【JavaScript】知识点及笔记_第29张图片
黑马【JavaScript】知识点及笔记_第30张图片
黑马【JavaScript】知识点及笔记_第31张图片

5,三元运算符

黑马【JavaScript】知识点及笔记_第32张图片

黑马【JavaScript】知识点及笔记_第33张图片

黑马【JavaScript】知识点及笔记_第34张图片

6,流程控制语句

黑马【JavaScript】知识点及笔记_第35张图片
黑马【JavaScript】知识点及笔记_第36张图片
黑马【JavaScript】知识点及笔记_第37张图片
黑马【JavaScript】知识点及笔记_第38张图片
黑马【JavaScript】知识点及笔记_第39张图片

7,JS特殊语法:

黑马【JavaScript】知识点及笔记_第40张图片

黑马【JavaScript】知识点及笔记_第41张图片
在这里插入图片描述

8,练习99乘法口诀表

黑马【JavaScript】知识点及笔记_第42张图片

黑马【JavaScript】知识点及笔记_第43张图片
黑马【JavaScript】知识点及笔记_第44张图片

五,JavaScript对象

1,Function对象

黑马【JavaScript】知识点及笔记_第45张图片
黑马【JavaScript】知识点及笔记_第46张图片

黑马【JavaScript】知识点及笔记_第47张图片
黑马【JavaScript】知识点及笔记_第48张图片
黑马【JavaScript】知识点及笔记_第49张图片

2,Array对象

黑马【JavaScript】知识点及笔记_第50张图片
黑马【JavaScript】知识点及笔记_第51张图片
黑马【JavaScript】知识点及笔记_第52张图片
黑马【JavaScript】知识点及笔记_第53张图片

3,日期对象Date

黑马【JavaScript】知识点及笔记_第54张图片

黑马【JavaScript】知识点及笔记_第55张图片

4,Math对象

黑马【JavaScript】知识点及笔记_第56张图片
黑马【JavaScript】知识点及笔记_第57张图片
黑马【JavaScript】知识点及笔记_第58张图片

5,正则表达式

黑马【JavaScript】知识点及笔记_第59张图片
黑马【JavaScript】知识点及笔记_第60张图片
黑马【JavaScript】知识点及笔记_第61张图片
黑马【JavaScript】知识点及笔记_第62张图片

6,globel对象

黑马【JavaScript】知识点及笔记_第63张图片
黑马【JavaScript】知识点及笔记_第64张图片
黑马【JavaScript】知识点及笔记_第65张图片
黑马【JavaScript】知识点及笔记_第66张图片
黑马【JavaScript】知识点及笔记_第67张图片
黑马【JavaScript】知识点及笔记_第68张图片
黑马【JavaScript】知识点及笔记_第69张图片

你可能感兴趣的:(JAVA,javascript)