JavaScript

1. for in 和 for of

(1) for in 用于数组

var arr = [1,2,3];
for(var k in arr){
    console.log(k);       
    console.log(arr[k]);
}

// 输出结果:
0 
1 
1 
2 
2 
3 

// k 表示数组索引号， arr[k] 表示数组元素

(2) for in 用于对象

var obj = {
    name: 'sam',
    age: 1,
    sex: '男',
    fun: function(){
    }
}
for(var k in obj){
    console.log(k);
    console.log(obj[k]);  // 这里不能用obj.k  这样会直接查找obj对象里面的k属性
}

//输出结果:
name
sam
age
1
sex
男
fun
[Function: fun]

// k 表示对象的属性名，obj[k]表示对象的属性值

(3) for of 用于数组

var arr = [1,2,3];
for(var k of arr){
    console.log(k);       
    console.log(arr[k]);
}
// 输出结果:
1
2
2
3
3
undefined

// k 表示数组中的元素

(4) for of不能用于对象，因为TypeError: obj is not iterable（对象是不可迭代的）

2. 给单击之后的按钮添加背景颜色

按钮1
按钮2
按钮3
按钮4
按钮5

3. 全选与取消全选

    

        

            

                

                    
                
                
商品
                
价格
            
        
        

            

                

                    
                
                
iphone8
                
800
            
            

                

                    
                
                
iphone8
                
800
            
            

                

                    
                
                
iphone8
                
800
            
 
            

                

                    
                
                
iphone8
                
800
            
        
    

4. tab栏切换

    

        

            
商品介绍
            
规格与包装
            
售后保障
            
商品评价
            
手机社区
        
    
    

        

            商品介绍模块
        
        

            规格与包装模块
        
        

            售后保障模块
        
        

            商品评价模块
        
        

            手机社区装模块
        
    

5. 创建元素，添加文本，添加元素，删除元素

// (1)创建元素
var li = document.createElement('li'); 
// (2)给li添加文本
li.innerHTML = text.value;
// (3)添加元素
// ul.appendChild(li);
ul.insertBefore(li,ul.children[0]);
// (4)删除元素
ul.removeChild(ul.children[0]);

6. tab栏切换

    var tab_list = document.querySelector('.tab_list');
    var lis = tab_list.querySelectorAll('li');
    var items = document.querySelectorAll('.item');
    // for循环 绑定点击事件
    for(var i = 0 ; i

7. 获取URL中的参数，并进行格式化

console.log(location.search);    // ?username=andy
// 1.先去掉?  利用substr('起始位置',截取几个字符)     截取字符串
var params = location.search.substr(1);
console.log(params);       // username=andy
// 2.利用'='把字符串分割为数组 split('=');
var arr = params.split('=');
console.log(arr);           // [ "username", "andy" ]
var div = document.querySelector('div');
// 3.把数据写入div中
div.innerHTML = arr[1] + '欢迎你';

8. 箭头函数保存this

  


// 使用箭头函数