Rumah > hujung hadapan web > tutorial js > 介绍javascript-ecma中的几种封装函数

介绍javascript-ecma中的几种封装函数

伊谢尔伦
Lepaskan: 2017-05-21 09:50:42
asal
1587 orang telah melayarinya

首先先介绍如下的几种方法:

字符串方法:

str.length str.charAt(i):取字符串中的某一个; 

str.indexOf('e');找第一个出现的位置;找不到返回-1; 

str.lastIndexOf('e'):找最后一个e出现的位置;找不到返回-1; 

str.toUpperCase();转大写 str.toLowerCase();转小写 str.substring(起始位置,结束位置):字符串截取; str.split('切割的方式');字符串切割;字符串转数组;


数组方法:
删除:arr.splice(开始位置,删除的个数); 添加:arr.splice(开始的位置[往哪一位的前面添加],0,元素1····); 替换:arr.splice(开始位置,删除的个数,元素1···); arr.sort(function(n1,n2){return n1 - n2}):排序 arr.reverse():翻转 arr.push();往数组后面添加一位; arr.unshift():往数组前面添加一位; arr.pop():从数组的后面删除一位; arr.shift():从数组的前面删除一位; arr.join('连接的方式');数组转字符串的方法; arr.concat(arr1,arr2····);数组连接;

数学方法: 

Math.random();随机数; Math.round():四舍五入; Math.ceil()向上取整; Math.floor()向下取整; Math.abs():取绝对值; Math.max(x,y):求最大数; Math.min(x,y);求最小数; Math.pow(x,y):几的几次方; Math.sqrt():开平方;

数组:存多个东西; json:存多个东西; json = { //键值对 name1[键,key]:value1[值,value], name2[键,key]:value2[值,value], }

json 与 arr  的区别:

1:length undefined arr.length; 

2:下标 属性的方式 arr[0]; 

3:顺序 没有顺序 有顺序; 

4:循环 for in for,while,for in

for in循环也可以循环数组,但是不建议使用,因为性能略低;

js小特性: 逗号表达式:只看最后一个逗号后面的那个值;

下面是一个通过class获取元素封装的小函数:

//getByClass(oParent,sClass);//oParent:从哪个父级下面获取;sClass:要获取的是哪个class名字;
function getByClass(oParent,sClass){
    if(oParent.getElementsByClassName){
        return oParent.getElementsByClassName(sClass);
    }else{
        var aEle = oParent.getElementsByTagName('*');
        var arr = [];
        for(var i = 0; i < aEle.length; i++){
            var tmp = aEle[i].className.split(&#39; &#39;);
            if(findInArr(sClass,tmp) == true){
                arr.push(aEle[i]); 
            }
        }
        return arr;
    }
} 
Salin selepas log masuk

下面再来几个小案例:

1. 本月一共有多少天

<script>
        var oDate=new Date();
        oDate.setMonth(oDate.getMonth()+1);
        oDate.setDate(0);
        alert(oDate.getDate())
</script>
Salin selepas log masuk

2. 本月第一天是星期几

<script>
   var oDate=new Date();
   oDate.setDate(1);
   alert(oDate.getDay());
</script>
Salin selepas log masuk

3. 九九乘法表

<script>
    document.write(&#39;<table>&#39;);
    for(var i = 1; i <= 9; i++){
        document.write(&#39;<tr>&#39;);
        for(var j = 1; j <= i; j++){
            document.write(&#39;<td>&#39;+i+&#39;*&#39;+j+&#39;=&#39;+i*j+&#39;</td>&#39;);
        }
        document.write(&#39;</tr>&#39;);
    }
    document.write(&#39;</table>&#39;);
</script>
Salin selepas log masuk

4. json转换成字符串

<script>
    var json={a:12,b:5,c:9,d:6};
    var arr=[];
    for(var name in json){
        arr.push(name+&#39;=&#39;+json[name])
    };
    //alert(arr);
    var str=arr.join(&#39;&&#39;);
    alert(str);
</script>
Salin selepas log masuk



【相关推荐】

1. 免费js在线视频教程

2. JavaScript中文参考手册

3. php.cn独孤九贱(3)-JavaScript视频教程

Atas ialah kandungan terperinci 介绍javascript-ecma中的几种封装函数. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan