1. javascript的写法
- 行内式 :写在html标签的属性内(很少用)
- 内嵌式:
<script></script>双标签
- 外联式引入:
<script src=“ .js”></script>
EDMAScript是语言标准JavaScript才是语言,可以让网页产生行为script标签可以放在网页的任何一个位置,建议写在body标签结束js是网页行为,操作html的标签,必须先有这个便签,才能操作这个标签。
2. javascript的语法
1. javascript三大组成部分:
ECMAScript:语法标准
DOM:操作文本
BOM:操作浏览器
2. js注释:
1. // 单行注释
2. /* */ 多行注释
3. javascript的变量
变量就是一个容器,可以用来存储数据的容器
创建容器: var + 变量名;
变量名的规则:
可以由数字0-9、大小写字母、下划线_、美元符$;
不能以数字开头;
不允许使用中文;
区分大小写;
不能使用关键字和保留字作为变量名;(关键字和保留字是js在开发的时候,自己内部使用过的一些具有特殊含义的单词)
存储数据:
赋值符=
var a = 10;
var a,b,c; // 一次性声明多个变量,多个变量名之间用逗号隔开
var a=1, b=2; // 一次性定义多个变量赋值
变量名和赋值符之间以及赋值符和数字之间可以不加空格,每行结束可以不加分号,建议加上
赋值符的左边是变量,右边是值
赋值符将右边的值放到左边的变量中存起来
4. 数据的输出方式
3. alert(要显示的信息或变量);
//以弹窗的形式显示在页面中
//通常在给用户做提示的时候使用
4. document.write(要显示的信息或变量);
//以文本的形式直接显示在网页中
5. console.log(要显示的信息或变量);
//在控制台显示数据
6. confirm(要显示的信息或变量);
//提示用户是否要确定和取消的弹窗
7. prompt(要显示的信息或变量);
//提示用户可输入的弹窗
5. js的数据类型
8. 数字类型-number //正数、负数、整数、小数、0
9. 字符串类型-string //一串字符组合起来然后用引号(单引双引都行)引起来
10. 未定义-undefined //定义了变量,没有赋值
11. 布尔类型-boolean //用来描述对与错、真和假,事物的两面性(true和false)
12. 对象类型-object //[ ]数组、{ }json对象、null空
13. 函数-function
//通过typeof来检测是什么类型
6. js数据类型的转换
(1) js的数据类型转换成number
①字符串类型转换成数字类型
var b=Number(a);将a中的类型转换成数字类型,并赋值给b NaN:not a number
var b=parseInt(a);parseint是将数据转换成数字中的整数
var b=parseFloat(a);parsefloat是将数据转换成数字中的小数
var b=Math.round(a);Math.round是四舍五入并取整数
不是纯数字型的字符串,但是由数字开头的(111abc),Number和Math.round结果是NaN
不是由数字开头的字符串,被转换的结果都是NaN
②布尔类型转换成number
布尔类型true转换成数字类型,Number和Math.round结果是1,parseInt和parseFloat结果是NaN
布尔类型false转换成数字类型,Number和Math.round结果是0,parseInt和parseFloat结果是NaN
③未定义-undefined转换成number
结果都是NaN
④ null转换成number
Number和Math.round结果是0,parseInt和parseFloat结果是NaN
(2)js的数据类型转换成string
14. String();
15. toString();
①数字转换成字符串
任何数字转字符串都一样,只是加了个引号而已
②布尔类型转换成字符串
加引号
③undefined转换成字符串
加引号
(3) js的数据类型转换成布尔类型
Boolean()
①数字转布尔类型
除0以外的数字都是true;0是false
②字符串转布尔型
有内容就是true,空字符是false
③undefined转布尔型
false
④null转布尔型
false
7. js的运算符
-
算数运算符
1. + 加法(二义性:既可以数字相加,也可以字符串拼接) 2. - 减法 3. * 乘法 4. / 除法 5. % 求余(取模) 运用求余判断奇偶;%2=0为偶数,%2=1为奇数
-
赋值运算符
1. var 变量=值(将右边的值赋值给左边的变量) 2. -= 3. *= 4. /= 5. %=
-
比较运算符(比较运算,最终得出的结果都是布尔值)
1. >(大于) 2. <(小于) 3. >=(大于等于) 4. <=(小于等于) 5. ==(相等) 1==“1” true;比较两个容器中的值是否一样(具有隐式转换) 6. ===(绝对等于) 1==“1”flase;先比较两个值的类型是否相等,如果不相等,直接就是false,如果相等了就再比较两个值是否相等(不具有隐式转换) 7. !=(不等于) 8. !==(绝对不等于)
-
逻辑运算符
1. && 并且 2. || 或者 3. ! 取反
-
一元运算符
1. 自增 (++) 2. 自减 (--) 当自增自减运算碰到数学运算、输出、赋值的时候,++在前面就先进行++自增,然后再输出
6.字符串的拼接
1. + 字符串的拼接符
只要两边有一个是字符串,就会将这两个字符串连在一起组成一个大字符串
undefined+null=NaN