js基础笔记

javascript:一门脚本语言，在客户端运行
如何在页面引用javascript:
 1、在标签的事件属性中直接使用（所有以on开头的属性）
 2、放在script标签中
 3、放在单独的js文件中
 >引用: <script type="text/javascript" src="js文件路径"></script>
javascript的基本语法:
 1、声明变量的关键字:var 
 2、把字符串转换成整数类型或小数类型：
   parseInt(str)   parseFloat(str);
  例：parseInt(”123abc”)=123
         parseInt(”a123abc”)=NaN
 3、算术运算符
  +、-、*、/、%(取余)、++、--
  ++、--分情况使用:
  >放在变量前：先对变量进行++或--，在对该变量进行其它运算
  >放在变量后：先对变量进行其它运算，再进行++或—
4、关系运算符：进行判断，判断之后返回一个bool类型的值
 关系成立返 回true，不成立返回false
 常用关系表达式
 >、<、==、>=、<=、!=
5、逻辑运算符，用于连接多个运算符，判断多个关系运算符之间的关系，同样会得到一个bool类型的结果
 常用的逻辑运算符：
 &&逻辑与:所有关系表达式都成立，则返回true,否则返回false
 ||逻辑或:所有关系表达中只要有一个为true，则返回true，否则返回false
 !逻辑非:取相反结果，如果本身关系表达式返回true,则返回false
6、三目运算符  ？:
 语法：  关系表达式?  ”值1”:”值2”；
 如果关系表达式成立，则返回值1，否则返回值2
7、=  赋值运算符：只能把=右边的值赋值给=左边的变量
javascript中常用的注释类型:注释的内容不会被执行
 //注释内容:单行注释
 /*
 多行注释
 */
8、js中的流程控制语句
 条件控制语句:
 if结构，语法:
 if(关系表达式1){
  代码块1
 }else if(关系表达式2){
  代码块2
 }else{
  代码块3
 }
 当对应的关系表达式成立时，则执行对应的代码块
 注意:
 >当有一个关系表达式成立后，那么后面的关系表达式就不再去判断，执行
 >if结构，只会执行第一个符合条件的代码块
 switch(变量){
  case 值1:
   代码块1;
   break;
  case 值2:
   代码块2;
   break;
  default:
   代码块3;
 }
 当变量的值与case后面的值相等时，则执行该case块中的代码
 注意:
 >default中的代码块，当变量与所有case块的值都不想等时执行
 >对于每一个case块和default块没有顺序要求
 >break可以省略，但是如果执行case块中的代码后，没有break,那么会继续往下一个case块中的代码执行，直到有break结尾
 循环结构:
 while结构,语法:
 while(关系表达式){
  代码块
}
当关系表达式成立时，执行代码块，并且会重复判断和重复执行，直到关系表达式不成立，才退出循环
for循环,语法:
for(初始化语句;关系表达式;迭代语句){
 代码块
}
先执行初始化语句，再判断关系表达式是否成立，成立则执行代码块，然后再执行迭代语句，再继续判断关系表达式…
 注意:
>初始化语句，关系表达式，迭代语句可以不放()中
>()中的两个;不能少，也不能多
 循环结构由4个部分组成:
 1、初始化语句:对循环过程需要的变量进行初始化（给变量赋值）（条件变量的初始化）
 2、循环条件:用于判断是否执行循环体
 3、循环体:要重复执行的代码
 4、迭代语句:改变条件变量的值，使循环有结束的机会
注意:避免死循环
9、js中的数组:Array
 声明数组并初始化语法:
 var arr=new Array()
 var arr=[];
 数组的操作:
 获取数组的长度:length属性
 获取指定下标处的元素:数组名[下标]
 注意:
  >如果指定下标处没有赋值，那么结果为undefined
  >可以使用字符串做为下标
  >length只能获取整数做为下标的元素的数量
10、函数:是具有特定功能的方法
 声明函数的语法:
 function 函数名(参数列表){
  (方法体)完成特定功能代码块
}
函数的调用:
 >直接在js代码块中通过函数名()调用
 >在标签的事件属性(以on开头的属性)中调用
 >在a标签的href属性中调用href="javascript:函数名()"
注意:
 1、声明函数时，什么情况下需要声明参数?
 完成该功能时，需要外部提供的数据，则在声明时，以形参的方式提现。在调用方法时，则传递实际数据，以供该方法使用。
 2、在函数中使用return关键字返回结果
>在调用该函数时可以声明变量，接收函数的返回值
11、js中的内置对象:Array、Date、Math、String
 字符串:String
 常用的属性:length:获取字符串的长度
 常用方法:
 toUpper/toLower:转换成大写/小写
 charAt(index):获取字符串中指定下标(index)处的字符
 substring(start,end):从start下标处开始截取，截取到end下标处，不包含end下标处的字符
 substr(start,length):从start下标处开始截取，截取length个长度的字符
  substring和substr都可以只带start,表示从start下标处开始截取，一直截取到最末尾
 split(s):根据指定的字符串s，对原字符串进行分割，分割结果为数组
 indexOf(str):获取字符串str在原字符串中第一次出现的位置
 lastIndexOf(str):获取字符串str在原字符串最后一次出现的位置
  如果在原字符串中查找不到str这个字符串，结果为-1
 replace(oldChar,newChar):把原字符串中oldChar用newChar替换，只替换第一次出现的oldChar
 日期对象:Date   var date=new Date();获取当前时间
 常用方法:
 getFullYear/setFullYear:获取/设置日期的年份部分
 getMonth/setMonth:获取/设置日期的月份部分,注意获取的值比月份具体值少1
 getDate/setDate:获取/设置指日期的日数部分
 getDay:获取星期几，星期天为0，星期一到6就是1到6
 …
 数学对象:Math
 常用方法:
 random:获取一个大于等于0小于1的随机数
 floor(number):获取比number小的最大整数
 ceil(number):获取比number大的最小整数
12、BOM:浏览器对象模型(window/location/history/document)
 BOM中的常用对象:
 最顶层对象:window
 常用方法:
 alert(msg):对话框
 open(url):打开一个窗口,在窗口中显示ulr内容
 close():关闭当前窗口
 confirm(msg):有确定和取消两个按钮的对话框
 setInterval(fun,time):重复定时器，每隔time时间执行fun方法，time的单位为毫秒，1秒=1000毫秒
 clearInterval(timer):结束指定重复定时器
 setTimeout(fun,time):一次性定时器，在time时间后，执行fun方法，只执行一次
 clearTimeout(timer):结束一次性定时器
 window对象中的子对象(属性):document,location,history
 locathion对象的常用属性
 href:用于设置或获取当前页面的路径
 history对象:
 常用方法:
 forward:前进
 back:后退
 go(index):前进到指定下标处页面（当前页为0）
 document对象的常用方法:
 getElementById(id):根据指定id获取标签对象，返回单个对象
 getElementsByName(name)根据name属性获取标签对象，返回数组（多个对象）
 getElementsByClassName(class):
 getElementsByTagName
通过js来控制css样式：DOM对象(通过js获取的标签)的常用属性
 注意：除了几个特殊属性，其它的都与标签本身属性一致
 特殊属性:
 1、标签体的class属性由DOM对象的className属性控制
 2、标签体由DOM对象的innerHTML属性控制
 css样式中的属性在DOM对象中的控制:
 >通过DOM对象的子对象style控制
 >style对象的属性为css样式指定属性，去掉css样式属性中的-,后面每个英文单词首字母大写
12、标签中的常用事件属性:
 鼠标事件:
 onClick:鼠标点击事件
 onmouseover:鼠标移入事件
 onmouseout:鼠标移出事件
 表单事件:
 onsubmit:表单提交事件，点击提交按钮触发
     注意：事件获取的返回值为true才会提交，否则禁止提交
 编辑事件:
 onchange:文本内容的改变事件或选项选择发生改变事件
 onfocus:聚焦事件
 onblur:失去焦点事件