2022-07-12 第六组 润土 JavaScript02学习笔记

1、循环语句

       for循环:
                  for(let i=0;i<10;i++){循环体}

       while循环：
                   while(i<10){循环体}；

       do... while...循环：
                   do{循环体}while(i<10);

2、JS内置函数：

    Array：
	    .concat( ) 连接
	    .join( )	设置分隔符连接数组为一个字符串
	    .pop( ) 删除最后一个元素
	    .sort( ) 从小到大排序

    Global:
	    .isNaN( ) 判断一个值是不是数字
	    .parseFloat( ) 把一个整数转换成小数
	    .parseInt( ) 把小数转换成整数
	    .number( ) 把一个值转换成number类型
	    .string( ) 把其他类型转换成字符串 

    String:
	    .charAt( ) 取出指定位置的字符
	    .index( ) 判断指定字符是否存在，存在返回下标
	    .lastindex( ) 从后往前找
	    .replace( ‘a’,’b’) 把a替换成b
	    .split( ‘-’ ) 根据-拆分字符串，得到一个数组
	    .substring( a , b) 字符串的截取

    Math:
	    .cell( ) 向上取整
	    .floor( ) 向下取整
            .round( ) 四舍五入
	    .random( ) 生成一个0-1的随机数

    Date:
	    .newDate( ) 获取系统当前时间
	    .getDate( ) 返回日期的日
	    .getHours( ) 返回时间中的时
	    .getMinutes( ) 返回时间的分
	    .getSeconds( ) 返回时间的秒
	    .getTime( ) 获取系统的当前时间

3、抓取元素的方法及获取元素内部文本

  根据id抓取元素
  根据class抓取元素（一堆元素）
  根据选择器抓取一个元素
  根据选择器抓取全部元素

4、事件

  onclick：单击事件
  ondblclick：双击事件
  nobler：失去焦点
  unfocus：获得焦点
  onchange：改变
  unload：加载

5、由二级联动到三级联动的拓展

  效果如下：

总结:

    通过今天的学习，终于将JavaScript和html结合起来，可以实现一些简单的功能，对于三级联动等，主要锻炼思维能力和整个程序的流程顺序，比较有意思。