Javascript一,基础部分

视频链接:较为基础的视频链接,建议有基础的直接挑重点学习​​​​​黑马程序员JavaScript全套教程,Web前端必学的JS入门教程,零基础JavaScript入门_哔哩哔哩_bilibili

一、计算机基础部分

Javascript一,基础部分_第1张图片

Javascript一,基础部分_第2张图片 2、计算机基础

Javascript一,基础部分_第3张图片

Javascript一,基础部分_第4张图片 Javascript一,基础部分_第5张图片

Javascript一,基础部分_第6张图片 二、Java Script初识

1、初识javaScript

Javascript一,基础部分_第7张图片

 Javascript一,基础部分_第8张图片

Javascript一,基础部分_第9张图片 

Javascript一,基础部分_第10张图片 Javascript一,基础部分_第11张图片

Javascript一,基础部分_第12张图片 Javascript一,基础部分_第13张图片

Javascript一,基础部分_第14张图片 Javascript一,基础部分_第15张图片

2、js三种书写位置,分别为行内式,内嵌式js和外部

Javascript一,基础部分_第16张图片

 (1.行内式的js直接写到元素的内部

Javascript一,基础部分_第17张图片

Javascript一,基础部分_第18张图片 ​​​​​​​Javascript一,基础部分_第19张图片

(2. 内嵌式js

Javascript一,基础部分_第20张图片

Javascript一,基础部分_第21张图片

Javascript一,基础部分_第22张图片 

 (3、外部js

Javascript一,基础部分_第23张图片

Javascript一,基础部分_第24张图片

Javascript一,基础部分_第25张图片

 

3. js注释

 4. js输入输出语句

Javascript一,基础部分_第26张图片

练习:

Javascript一,基础部分_第27张图片

Javascript一,基础部分_第28张图片 console.log按f12后,在console中可以看到

Javascript一,基础部分_第29张图片

5、变量

(1)什么是变量

Javascript一,基础部分_第30张图片

Javascript一,基础部分_第31张图片 

(2)变量的使用

Javascript一,基础部分_第32张图片

Javascript一,基础部分_第33张图片 

Javascript一,基础部分_第34张图片 Javascript一,基础部分_第35张图片

Javascript一,基础部分_第36张图片 

Javascript一,基础部分_第37张图片 (3)变量的案例

Javascript一,基础部分_第38张图片

Javascript一,基础部分_第39张图片 Javascript一,基础部分_第40张图片

(4)变量案例弹出用户名

Javascript一,基础部分_第41张图片

Javascript一,基础部分_第42张图片 (5)变量语法扩展 Javascript一,基础部分_第43张图片

Javascript一,基础部分_第44张图片 

 (6)变量的命名规范

Javascript一,基础部分_第45张图片

(7)交换两个变量的值

Javascript一,基础部分_第46张图片

Javascript一,基础部分_第47张图片

Javascript一,基础部分_第48张图片(8)变量小节

Javascript一,基础部分_第49张图片

 6、数据类型

(1)数据类型导读

(2)数据类型简介

Javascript一,基础部分_第50张图片

Javascript一,基础部分_第51张图片

Javascript一,基础部分_第52张图片

Javascript一,基础部分_第53张图片 (3)Number

Javascript一,基础部分_第54张图片

Javascript一,基础部分_第55张图片 

Javascript一,基础部分_第56张图片 ​​​​​​​Javascript一,基础部分_第57张图片

Javascript一,基础部分_第58张图片 

Javascript一,基础部分_第59张图片(4)isNaNJavascript一,基础部分_第60张图片Javascript一,基础部分_第61张图片

(5)字符串型StringJavascript一,基础部分_第62张图片

Javascript一,基础部分_第63张图片 Javascript一,基础部分_第64张图片 (6)弹出网页警示框

Javascript一,基础部分_第65张图片

 (7)字符串长度及拼接

Javascript一,基础部分_第66张图片

Javascript一,基础部分_第67张图片

Javascript一,基础部分_第68张图片(8)字符串拼接加强Javascript一,基础部分_第69张图片Javascript一,基础部分_第70张图片

Javascript一,基础部分_第71张图片

(9)显示年龄案例

Javascript一,基础部分_第72张图片

Javascript一,基础部分_第73张图片 Javascript一,基础部分_第74张图片

(10)boolean,undefine和nullJavascript一,基础部分_第75张图片

Javascript一,基础部分_第76张图片

Javascript一,基础部分_第77张图片(11)typeof检测变量数据类型

Javascript一,基础部分_第78张图片

Javascript一,基础部分_第79张图片 

也可以通过浏览器(F12来检测数据类型):蓝色为数值型,黑色为字符型,,深一点的蓝色是boolean型,浅灰色为undefined和null

Javascript一,基础部分_第80张图片(12)字面量Javascript一,基础部分_第81张图片

 (13)转换为字符串类型

Javascript一,基础部分_第82张图片

(14)转换为数字行parseInt和parseFloat​​​​​​​Javascript一,基础部分_第83张图片

Javascript一,基础部分_第84张图片(15)转换为数字类型Number和隐式转换

Javascript一,基础部分_第85张图片

Javascript一,基础部分_第86张图片(16)计算年龄案例Javascript一,基础部分_第87张图片

Javascript一,基础部分_第88张图片

Javascript一,基础部分_第89张图片(17)简单加法器案例Javascript一,基础部分_第90张图片

Javascript一,基础部分_第91张图片 Javascript一,基础部分_第92张图片

(18)转换为布尔型Javascript一,基础部分_第93张图片

(19)扩展阅读之编译和解释语言的区别Javascript一,基础部分_第94张图片

Javascript一,基础部分_第95张图片(20)扩展阅读之之关键字标识符保留字Javascript一,基础部分_第96张图片

Javascript一,基础部分_第97张图片 Javascript一,基础部分_第98张图片

7、运算符

(1)运算符导读

Javascript一,基础部分_第99张图片

 (2)算数运算符Javascript一,基础部分_第100张图片

Javascript一,基础部分_第101张图片 

Javascript一,基础部分_第102张图片Javascript一,基础部分_第103张图片

(3)表达式和返回值Javascript一,基础部分_第104张图片

Javascript一,基础部分_第105张图片(4)前置递增运算符Javascript一,基础部分_第106张图片

 

 

 

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