JavaScript基础

2018-09-07 本文已影响0人 ZplD

一、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);

JavaScript基础

一、JavaScript概述

二、JavaScript导入

三、JS的一些基础语法

猜你喜欢

热点阅读