自我学习记录：JavaScript要点

来源此视频p19~21
#jquery
jquery、vue、react是javascript的类库。bootstrap动态效果，需jquery配合

……
	
	
	
	

案例：跑马灯

    
热烈祝贺欢迎领导视察


    

数组

//定义
var v1 = [11, 22, 33]
var v2 = Array([11, 22, 33])

//操作
v1.push("张三")//尾部追加
v1.unshift("张三") //头部追加
v1.splice(索引位置, 0, 元素) 
v1.splice(1, 0, "张三") //索引位置添加

v1.pop()//尾部删除
v1.shift()//头部删除
v1.splice(索引位置, 1, 元素)
v1.splice(1, 0, "张三")  //索引位置删除

//循环
var v1 = [11, 22, 33]
for (var idx in v1){   //此处循环出索引值，v1[idx]就可显示对应值
		//data = v1[idx]就可显示对应值
}

for(var i=0; i //效果相同
}

案例1：动态显示

对象（python内叫字典）

//创建
info = {
	name="张三";
	age=18
}
//查询或修改
info.age = 20
info["age"] = 20

//删除
delete info["age"]

//循环
info = {
	name="张三",
	age=18
}
for(var keys in info){ 
	key   //键名
	info["key"] //value值
}

案例2：动态表单

   //表头
            

        

            
 
                
ID
 
姓名
 
年龄
        
        

            
        
    

    

条件语句

if(1==1){
}else{
}

函数

function func(){
 ……
}
func()

DOM
DOM，是一个模块，模块可以对html页面中的标签进行操作

//根据ID获取标签
var tag = document.getElementById("id名");

//获取标签中的文本
tag.innerText  //这里的文字
tag.value  //获取诸如输入框的输入文字

//修改标签中的文本
tag.innerText = "新内容"

//创建标签
var tag = document.createElement("div");  //所有创建都以var开头

//添加标签体到父辈下
var parentTag = document.getElementById("body");  //获取父辈
parentTag.appendChild(新建的标签体名);  //添加进父辈

案例3： 绑定事件（基于案例2）

      //onclick鼠标点击事件，触发addData()函数
    

        

            

                
ID
 
姓名
 
年龄
            
        
        

            
        
    

    

案例4：显示输入（基于案件1）

    
      //触发事件
    

       //