1.1 复习
1. 按钮不可用
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() 相反的 根据 字符 返回的是 位置 var text=absljlkjg; alert(text.charAt("k"));返回的是6，记住是从0开始计数的。
1.2.1 返回前面起第一个字符的位置
“字符”);
它是从 前面开始数（从左边开始数）， 而且只找第一个， 然后返回改字符的位置， 索引号都是从0开始的。 返回的是个数值。
var txt = “abcdef”;
结果就是 3
如果找不到该字符 返回
1.2.2 返回后面起第一个字符的位置
lastIndexOf(参数：索引字符串)
从后面开始数 同上
var txt = “abcdef” ;
txt.lastIndexOf(“d”); 3
返回的值，还是从 左边开始 数的 索引号 。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
字符串:<input type="text" id="txt"/> 索引的字符串: <input type="text" id="index"/>
<button id="btn1">从前面开始索引</button>
<button id="btn2">从后面开始索引</button>
</body>
</html>
<script>
function $(id){return document.getElementById(id);}
$("btn1").οnclick=function(){
alert($("txt").value.indexOf($("index").value));
}
$("btn3").οnclick=function(){
alert($("txt").value.indexOf($("index").value));
}
$("btn2").οnclick=function(){
alert($("txt").value.indexOf($("index").value));
}
</script>
<script>
function $(id) {return document.getElementById(id);}
$("btn1").onclick = function() {
alert($("txt").value.indexOf($("index").value));
// asdf.indexOf("d") 根据字符 返回位置 返回d 在 asdf 中的位置
}
$("btn2").onclick = function(){
alert($("txt").value.lastIndexOf($("index").value));
// asdfd.lastIndexOf("d") 返回d 再asdf 位置 从后面开始数
}
</script>
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 连接字符串
var txt1 = “abc”;
var txt2 = ”123”;
console.log(txt1.concat(txt2)); “abc123”;
1.4.2 slice()
结束位置]) ; [] 可选的
起始位置一定要有 结束位置可以省略
var txt = “abcedf”;
从 txt 里面字符的 第 3（索引号）个开始取 结束位置省略， 一直取到最后一个。
总结 slice(3) 从第3个开始取，一直取到最后
从 第3个开始 取 6 取到第6索引号的位置，还是从左边的第0个开始数。 但是不包 6 。
slice和substr是比较容易混淆的，我们这里重点说一说。
举个例： var txt=abcdefgjqio ; txt.slice(3,6);返回的结果是def txt.substr(3,6);返回的结果是defgjq;
起始位置可以是负数 ， 如果是负数，则是从 右边往左边开始取。
var txt =”asdf”;
结果是 f
1.4.3 substr()
起始位置,[取的个数])
同上。
不写取的个数， 默认从起始位置一直取到最后 。
取的个数： 是指从起始位置开始，往后面数几个。
var txt = “abcdefghijk”;
txt.substr(3,4);
从第3个 （d） 开始 数 4个 defg
少用 ie678 报错 。 尽量少用
兼容性的写法 ：
onBtnClick("btn7",div1.substr(div1.length-1,1)); // 兼容的写法
同slice 一样的 但是有一点不同
substring(3,6)
始终会把 小的值作为 起始位置 大的值作为结束位置
例如： substring(6,3) 实际中 自动变成 substring(3,6);
1.5 保留小数位数
保留两位有效小数 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 控制左侧值 left
5 定时器
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 鼠标经过大盒子 停止定时器
14 clearInterval(timer);
15 }
16 scroll.onmouseout = function() {
17 开启定时器
18 }
19 </script>
1.8 缓动动画
匀速动画，看起来，效果太简单。
等差序列
缓动动画公式:
一个盒子初始值 是 0 要走到 400 px 的位置
假如说，初始值
box.style.left = xxxx + “px”
leader = leader + (target - leader ) /10 ;
1 btn.onclick = function() {
20 setInterval(function(){
21 leader = leader + (target - leader )/10;
22 box.style.left = leader + "px";
23 },30)
24 }本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
