1、网页中各技术的作用
|
技术
|
作用
|
|
html
|
创建网页的结构
|
|
css
|
美化网页
|
|
javascript
|
用于网页交互，让网页变得更加生动，提高用户的体验
|
2、js初次体验
使用JavaScript在网页上输出5个hello
3、JavaScript的两种引入方式：
1、使用
4、JavaScript语言的三个组成部分：
|
组成部分
|
作用
|
|
ECMA Scprit
|
所有脚本语言的规范，构成JavaScript语法的基础
|
|
BOM
|
Browser object Model浏览器对象模型， 用来操作浏览器当中各种对象
|
|
DOM
|
Document Object Model 文档对象模型，用来操作网页中的各个元素
|
5、JavaScript的语法规范
script标签两个属性：
1、src导入外部JS脚本的位置；
2、type是指脚本的类型，可选
6、JavaScript三种输出方式
console.log("这种输出是开发人员调试的");
document.write("这种输出是到网页上的");
alert("我是弹框信息");
confirm("我和你做朋友");
7、变量的定义
es6中有三个定义变量的关键字：
1、var es6以前使用比较多的一个关键字
2、let es6新增的定义变量的关键字
3、const 定义的变量是一个常量，就像java中final一样定义后不能再变
Java和JS声明变量的比较：
|
数据类型
|
Java中的定义
|
JS中的定义
|
|
整数
| int i=5; |
var i=5
|
|
浮点数
|
float f=3.1f;double d=3.14;
|
var f=3.14
|
|
布尔值
|
boolean b=true;
|
var b=true;
|
|
字符
|
char c='a';
|
var c='c'; JS当中没有字符类型，
只有字符串
|
|
字符串
|
String str="abc";
|
var str="abc";
|
注意事项：
1、js语言是属于
弱类型语言，并且同一个变量可以赋值为不同的数据类型；
//在JS中，字符和字符串引号：可以使用单引号也可以使用双引号，还可以使用反引号，他们的意思都是字符串，没有字符的说法。
let s1=`abcd` //反引号，在英文状态下，按tab上面的那个键即可
let s2='xyz' //单引号
let s3="hello" //双引号
document.write(s1+s2+s3+"
")
8、var关键字的使用以及let关键字的不同
1、作用域不同，var定义的变量在代码中
不受括号{}限制，let定义的变量是
受限制的
2、重新定义变量的区别：var可以修改变量的值
9、const关键字定义的变量有哪些特征？
const定义的变量是一个常量，不能二次赋值；
3、const 定义的对象的属性不能更改，
对象的
属性值可以改变 （不能使用"对象名=？"，可以使用 "对象名.属性=值"）。
10、【总结】
JS的数据类型（5种）
|
数据类型
|
说明
|
|
number
|
数值型，包含整数或者小数
|
|
boolean
|
布尔类型，true或false
|
|
string
|
字符串类型，可以使用单引号，双引号，反引号
|
|
object
|
对象类型
|
|
undefined
|
未定义的类型，未知的
|
typeof 操作符(关键字)
作用：判断一个变量的数据类型
写法：typeof 变量名
|
null和undefined的区别
|
说明
|
|
null
|
null本质是一个对象，只是这个没有值
|
|
undefined
|
未知的类型，只是定义一个变量名，没有给到具体值，没有初始化
|
3、JavaScript的两种引入方式：1、使用4、JavaScript语言的三个组成部分：组成部分作用ECMA Scprit所有脚本语言的规范，构成JavaScript语法的基础BOMBrowser object Model浏览器对象模型， 用来操作浏览器当中各种对象DOMDocument Object Model 文档对象模型，用来操作网页中的各个元素5、JavaScript的语法规范script标签两个属性：1、src导入外部JS脚本的位置；2、type是指脚本的类型，可选6、JavaScript三种输出方式console.log("这种输出是开发人员调试的");document.write("这种输出是到网页上的");alert("我是弹框信息");confirm("我和你做朋友");7、变量的定义es6中有三个定义变量的关键字：1、var es6以前使用比较多的一个关键字2、let es6新增的定义变量的关键字3、const 定义的变量是一个常量，就像java中final一样定义后不能再变Java和JS声明变量的比较：数据类型Java中的定义JS中的定义整数
9、const关键字定义的变量有哪些特征？const定义的变量是一个常量，不能二次赋值；3、const 定义的对象的属性不能更改， 对象的 属性值可以改变 （不能使用"对象名=？"，可以使用 "对象名.属性=值"）。10、【总结】JS的数据类型（5种）数据类型说明number数值型，包含整数或者小数boolean布尔类型，true或falsestring字符串类型，可以使用单引号，双引号，反引号object对象类型undefined未定义的类型，未知的typeof 操作符(关键字)作用：判断一个变量的数据类型写法：typeof 变量名null和undefined的区别说明nullnull本质是一个对象，只是这个没有值undefined未知的类型，只是定义一个变量名，没有给到具体值，没有初始化