一、JavaScript概述
把body比作未装修的房子,css比作装修,那么JavaScript则是赋予这栋房子功能
二、JavaScript导入
-
内部导入
#可以在<html></html>的任何位置导入,但会产生一个问题就是先加载页面在加载功能,还是先加载完功能在加载页面 <script type="text/javascript"> js语句 </script> -
外部导入
#在html中导入js文件 <script src="" type="text/javascript" charset="utf-8"></script> #src中为js文件的路径
三、JS的一些基础语法
js的语法有一些类似于C语言
-
js的数据类型
js的数据类型为弱类型,不同于一些强类型的定义的时候需要用int,float,char确定他的数据类型,而js就不需要比如将a赋值数字或者字符串: var a=1 var a=1.1 var a="我是a" //var可有可无 -
运算符
++ 自增运算符,如i++,i每次加1 -- 自减运算符 #逻辑运算符 && 或 || 与 #赋值运算符 =,-=,+= 如a+=1,则a每次在原来的基础上加1 -
字符串拼接
直接在两串字符串直接加个+号即可 str1+str2 -
输出语句
#在我们调试代码的时候经常要用到输出语句,很多语言中时用print,而js中用的是console.log() console.log("我是JS") // 在控制台输出我是JS -
比较常用的语句
#判断语句 #单分支 if(判断条件){ } #双分支 if(判断条件){ 条件成立执行 }else{ 条件不成立执行 } #多分支 if(判断条件1){ }else if(判断条件2){ }else{ }//else if 可有多个 #循环语句for for(i=0;i<5;i++){ } #循环语句while while(条件){ }//条件成立的时候会一直在里面执行 #switch case语句 switch(表达式或者变量){ case 常量值1：{ 语句1； break; } case 常量值2：{ 语句2； break; } case 常量值3：{ 语句3； break; } ... default:{ 语句 } } #break和continue和return break通常用在循环或者switch中,终止当前层的循环 continue通常用在循环中,结束这一次循环进入下一次循环 return通常用在函数中,结束函数并返回return后面的值 -
函数
#将一个功能封装在一个函数中,使用的时候通过函数名调用,简便了代码 方式一: 使用function关键字 function 函数名(参数列表){ 函数体 返回值(可有可无) } 方式二: 匿名函数 var 变量名 = function(参数列表){ 函数体 返回值 } -
定时器
// 开启定时器 var timer = setInterval( function(){},1000); // 关闭后定时器 clearInterval(timer); -
延时器
// 开启延时器 var timer = setTimeout( function(){},1000); // 关闭延时器 clearTimeout(timer);
网友评论