一些杂七杂八的总结

1.Url网址的编码和解码

<script>
    var url = "http://www.itcast.cn?name=andy";
    console.log(encodeURIComponent(url));  // 编码
    var after = encodeURIComponent(url);
    console.log(decodeURIComponent(afterUrl));  // 解码
</script>

 

2.

 indexOf(“字符”);    根据字符返回的位置，从前面开始找需要的字符，从前面数

 lastIndexOf(参数：索引字符串);   从后面开始找需要的字符，从前面数

 concat() 连接字符串

<script>
    window.onload = function(){
        var div1 = document.getElementById("div1").innerHTML;
        var div2 = document.getElementById("div2").innerHTML;
        function click(id,txt){
            document.getElementById(id).onclick = function(){
                this.nextSibling.innerHTML = txt;
            }
        }
        click("btn1",div1.concat(div2));
    }
</script>

 3.

 slice(取字符串的起始位置, 结束位置) ;

   var txt = “abcedf”;

   txt.slice(3) ;    

 从txt字符的第3个开始取，结束位置省略，一直取到最后一个。

   slice(3,6)     

 从第3个开取，取到第6个的位置，从左边的第0个开始数，但是不包括6。

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

   var txt =”asdf”;

   txt.slice(-2)  结果是 df

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

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

 写取的个数，是指从起始位置开始，取几个。

   var txt = “abcdefghijk”;

   txt.substr(3,4);

 从第3个开始取，取4个  defg

   substr(-1)兼容性

 click("btn7",div1.substr(div1.length-1,1));    

 substring和slice一样，只是substring始终会把小的值作为起始位置，大的值作为结束位置

   substring(6,3)   自动变成  substring(3,6);

 4.保留小数位数

<script>
    var arr = 1231233.141592653;
    var str = arr + "";  // 把数字转换成字符;
    var index = str.indexOf(".");  // 返回.的位置
    // console.log(index);
    console.log(str.substr(0,index+3));  // 保留2位小数+3
    console.log((arr+".").substr(0,str.indexOf(".")+3));  // 合写
    console.log(parseInt(str * 100) / 100);  // 1231233.141592653*100=123123314.1592653,取整1231233/100=12312.33
    console.log(arr.toFixed(2));
</script>

 

 

5.转换大小写

<h1 id="big">大写</h1>
<p id="small">小写</p>
<input type="text" id="txt"/> <button id="btn">发布</button>
<script>
    function $(id) {return document.getElementById(id)};
    $("btn").onclick = function(){
        $("big").innerHTML = $("txt").value.toUpperCase();
        $("small").innerHTML = $("txt").value.toLowerCase();
    }
</script>

 

6.上传正确格式的文件

<input type="file" name="" id="File"/><span></span>  <!--文件域-->
<script>
    var file = document.getElementById("File");
    file.onchange = function(){
        // alert(1);
        // alert(this.value);
        var path = this.value;
        var arr = path.lastIndexOf(".");  // 获取.的位置;
        // alert(arr);
        var big = path.substr(arr).toUpperCase();  // .之后的字符大写;
        // alert(big);
        if(big == ".JPG" || big == ".PNG"){
            this.nextSibling.innerHTML = "格式正确";
        }else{
            this.nextSibling.innerHTML = "格式错误";
        }
    }
</script>

7.

img {vertical-align: top; }  /*取消图片底部3像素距离*/

 

缓动动画

  btn.onclick = function(){
    timer = setInterval(Play,40);
    function Play(){
        leader = leader + (target - leader) / 10;
        box.style.left = leader + "px";
    }
}