1.1    复习

1. 按钮不可用    disabled =  “disabled”  ||  true

2. setTimeout   只执行一次    setInterval  执行很多次

3.  递归调用 ：  函数自己调用自己  函数递归调用    不提倡用函数名 而喜欢用的是  arguments.callee    返回的是  正在执行的函数 本身

4.  逻辑运算符   与  &&  或  ||   非  ！         ! > && > ||

5.  2&&0    0   1&&8         0&&3   0      1||0

6.  转换为 字符型

    var num = 12345;

    num+ “”

    String(num);

    num.toString();   10进制

    num.toString(2)   二进制

7. 根据字符位置返回字符

    charAt(索引号)

     var txt = “abcde”;

     txt.charAt(3);  d

charCodeAt(3)   unicode  编码       97      100

1.2     根据字符返回位置

跟  charAt()   相反的   根据  字符 返回的是 位置

1.2.1    返回前面起第一个字符的位置

  indexOf(“字符”);

它是从 前面开始数（从左边开始数）， 而且只找第一个， 然后返回改字符的位置， 索引号都是从0开始的。  返回的是个数值。

 var txt = “abcdef”;

 alert(txt.indexOf(“d”))      结果就是   3

如果找不到该字符   返回  -1

1.2.2    返回后面起第一个字符的位置

lastIndexOf(参数：索引字符串)

从后面开始数    同上

var  txt = “abcdef” ;

txt.lastIndexOf(“d”);     3

返回的值，还是从 左边开始 数的 索引号 。

1.3    网址编码

我们知道一个网址 自己的网址，   不同页面也有自己id网址， 我们经常会做一些， 把网址送入到后台。  但是后台再处理的 不认识比如 换行啊 等特殊符号的  ？

var url =  “http://www.itast.cn?name=cz”

所以我们要实现编码，然后再传到后台。

encodeURIComponent() 函数可把字符串作为 URI 组件进行编码

decodeURIComponent() 函数可把字符串作为 URI 组件进行解码

var url = "http://www.itcast.cn?name=andy";

console.log(encodeURIComponent(url));  // 编码

var afterUrl = encodeURIComponent(url);

console.log(decodeURIComponent(afterUrl));  // 解码

结果：

1.4    操作字符串

  合并字符串   取字符串

1.4.1     concat() 连接字符串

var  txt1 = “abc”;

var txt2 = ”123”;

console.log(txt1.concat(txt2));     “abc123”;

1.4.2    slice()

 slice(“取字符串的起始位置”, [结束位置]) ;    []  可选的

  起始位置一定要有  结束位置可以省略

  var txt = “abcedf”;

  txt.slice(3) ;    从 txt 里面字符的 第 3（索引号）个开始取   结束位置省略， 一直取到最后一个。

    总结  slice(3)  从第3个开始取，一直取到最后

   slice(3,6)     3 从 第3个开始 取     6  取到第6索引号的位置，还是从左边的第0个开始数。 但是不包 6 。

  起始位置可以是负数  ， 如果是负数，则是从 右边往左边开始取。

   var txt =”asdf”;

   txt.slice(-1)  结果是   f

1.4.3     substr()

  substr(起始位置,[取的个数])

  同上。

  不写取的个数， 默认从起始位置一直取到最后 。

  取的个数：    是指从起始位置开始，往后面数几个。

 var txt = “abcdefghijk”;

 txt.substr(3,4);

  从第3个  （d） 开始 数 4个  defg

   substr(-1)  少用   ie678 报错 。 尽量少用

  兼容性的写法 ：

   onBtnClick("btn7",div1.substr(div1.length-1,1));  // 兼容的写法

  substring 同slice  一样的   但是有一点不同

  substring(3,6)

  substring 始终会把  小的值作为  起始位置 大的值作为结束位置

  例如：  substring(6,3)   实际中   自动变成  substring(3,6);

1.5    保留小数位数

 122340.12345      保留两位有效小数  122340.12

  substr(0, .+3)

1.console.log(str.substr(0,str.indexOf(".")+3));

  通过 indexOf  返回小数点的位置     截取字符串

2 console.log(parseInt(PI*100) /100);

      先乘以100  取整  然后 除以100

 3 console.log(PI.toFixed(2));

pi.toFixed(2)  保留 2位 小数

1.6    大小写转换

asdf   =  ASDF

ASDF  --   asdf

1 toUpperCase，转换为大写（参数： 无）

2 toLowerCase，转换为小写（参数：无）

asdf.toUpperCase()   结果就是：     ASDF

 $("txt").value.toUpperCase();

 把txt 的值 转换为大写

1.7    无缝滚动

原理：

    首先先复制  两张图片 （第一张和第二张） 放到最后面  （本质上是第 5.6张）

ul 是盒子移动的，   如果ul 的left 值  大于等于  4张图片的宽度，就应该快速复原为0 。

完整代码：

1   <script>

2      var scroll = document.getElementById("scroll");

3      var ul = scroll.children[0];

4      var num = 0; //控制左侧值  left

5      var timer = null;  // 定时器

6      timer = setInterval(autoPlay,20);

7      function autoPlay() {

8          num--;

9          //console.log(num);

10          num<=-1200 ? num = 0 : num;

11          ul.style.left = num + "px";

12      }

13      scroll.onmouseover = function() {  // 鼠标经过大盒子  停止定时器

14          clearInterval(timer);

15      }

16      scroll.onmouseout = function() {

17          timer = setInterval(autoPlay,20);  // 开启定时器

18      }

19  </script>

1.8    缓动动画

 匀速动画，看起来，效果太简单。

等差序列   :    2  4  6  8  10

 缓动动画公式:

    一个盒子初始值  是  0      要走到 400 px 的位置

假如说，初始值   leader  0          target  400

  box.style.left =  xxxx +   “px”

  leader = leader + (target - leader ) /10 ;

1     btn.onclick = function() {

2          setInterval(function(){

3              leader = leader + (target - leader )/10;

4              box.style.left = leader + "px";

5          },30)

6      }