javascript的使用:
(1)内部javacript:
(a)在html页面中使用标签,在标签体中写js内容
(a)在html页面中使用<script>标签,在<script>标签体中写js内容。
(b)弊端:和html代码混杂在一起,不好维护,不好。
标签体中写js内容
(2)外部javascript(推荐使用)
导入外部js文件注意:不能使用<script src="01.j/s">空标签方式导入
正确导入方式:<script src="01.js"></script>
(3)变量和数据类型
注意:
(a)使用var关键词定义变量,var可以省略的,但是不建议省略var。
(b) 在js中可以重复定义变量,后面定义的变量会覆盖前面的变量。
(c) js是弱类型语言,使用var来定义任何数据类型。
(d)js中变量的类型是由变量的值决定的,所以只定义不赋值的变量,就是一个未赋值变量(undefined),未赋值的变量不能使用。
typeof(变量): 查看变量的数据类型
(4)js的数据类型分类:
(a)number: 无论整数还是小数,都是number类型。
(b) string: 无论字符还是字符串,都是string类型。
(c) boolean。
(d) object 对象类型。
(5)类型转换函数
string->整数: parseInt(变量)
string->小数: parseFloat(变量)
注意:使用parseInt函数转换时,转换的内容中的第一个是数值类型,就可以继续转换,直到遇到非数组类型为止。
(6)运算符
(a)算术运算符: + - * / %
(b)比较运算符: > < >= <= ==
(c)逻辑运算符: && || !
(d)三目运算符: 表达式 ? true的结果 : false的结果
注意:在js中,布尔值可以用true用1来代表,false用0来代表。
(7)流程控制语句
(a)if 语句
if(表达式){
语句
}else{
语句
}
条件可以是:
布尔值:true:成立 ; false:不成立
number:非0:成立; 0: 不成立
string: 非空字符串: 成立 ; 空字符串: 不成立
object: 非null: 成立; null:不成立
(b)swtich语句
swtich(变量){
case 选项1:
语句;
break; 如果不break,就会继续下面选项的语句
case 选项2::
语句;
break;
default:
默认;
}
注意:
case的条件:
(a)可以是常量. string,number
(b)可以是变量。(java是不能是变量)
(c)可以是表达式 (java不能这样)
(c)for语句
for(初始化语句;判断进入条件;步长语句){
语句
}
(d)while语句
while(表达式){ true的时候才进入循环
语句
}
(e)do while语句
do{
语句
}while(表达式)
(f)for - in语句
for(var 遍历 in 数组|对象){
}
作用:
(a)遍历数组
(b)对象
注意:
遍历对象的时候,变量是属性的名称,如果获取属性值,则 p[i];
(g)with语句
用途:方便函数的调用
with(对象){
直接写对象的方法,无需写对象的名称
}
(8)函数
函数定义:
function 函数名称(形式参数列表){
语句
}
调用函数:
函数名称(实际参数列表);
注意:
(a)js的函数使用function定义,但是形式参数列表不能使用var关键词。
(b)js的函数可以有返回值,直接使用return关键词返回即可,不需要声明返回值类型
(c) js没有方法重载的概念,后面定义的函数会覆盖前面的函数。
(d)js中的形式参数和实际参数的数量可以不一致,依然可以调用。
(e)js的每个函数中都隐藏了一个叫arguments的数组,这个数组用于接收函数调用时传递过来的实际参数值。
(f)arguments数组接收完实际参数后,会逐一的依次从左到右赋值给形式参数,如果实际参数数量大于形式参数,则丢失剩下的实际参数。
(9)js内置对象
(a)String对象
使用方式:
(1)var str1 = new String("hello");
(2)var str1 = "hello";
常用方法:
(1)charAt(): 返回指定索引的内容
(2)indexOf(): 返回首次出现指定字符的索引位置
(3)lastIndexOf(): 返回最后出现指定字符的索引位置
(4)fontcolor(): 直接给字符串添加颜色
(5)replace(): 替换指定的字符串
(6)split(): 使用指定字符串切割字符串,返回字符串数组
(7)substring(start,end); 截取字符串,start:开始索引, end:结束索引
(8)substr(strat,[length]) 截取字符串, start:开始索引 length: 截取的字符串长度
(b)Number对象
使用方式:
(1) var num1 = new Number(20);
(2) var num1 = 20;
(c)Math对象
常用方法:
(1)ceil(): 向上取整。 如果有小数部分的话,整数部分直接+1。
(2)floor(): 向下取整。如果有小数部分的话,直接丢失小数部分,保利整数位。
(3) round(): 四舍五入取整。满5进一。
(4)random(): 生成一个随机的0-1的小数 .包含0,不包含1。
(5)max(): 返回最大值。
(6)min(): 返回最小值。
(d)Date对象
(e)Array数组