javascript入门3

目录

1.json复杂类型

2.dom入门

3.通过document获取标签对象

4.js中常见事件分类

1.  点击相关的 

 2.   焦点事件 (重点)

3.   选项卡发生变化的事件 (重点)  

4.   鼠标经过事件 :onmouseover

 5.  鼠标移出事件:onmouseout

 6. 页面载入事件 (重点):onload

1.json复杂类型

var 对象名 = [{},{},{}...] 描述类似数组或者集合

结果:北京市

2.dom入门

3.通过document获取标签对象

共4种方式

1.id属性值

2.class属性值

3.name属性值

4.标签名称

                //方式1:在标签中给定id属性值,必须唯一 (推荐)
				//document.getElementById("id属性值") 获取标签对象
				var username = document.getElementById("username") ;
				
				//方式2:docuement.getElementsByClassName("class属性值") ; 获取的标签对象列表
				var username = document.getElementsByClassName("cl_username")[0] ;
				
				//方式3:docuement.getElementsByName("name属性值") ;//获取的标签对象列表
				var username = document.getElementsByName("name")[0] ;
				
				//方式4:通过标签名称获取标签对象
				//docuement.getElementsByTagName("同名的标签名称") ; //返回的标签对象列表
				var username = document.getElementsByTagName("input")[0] ;
				
				//标签对象获取value属性:内容可以获取到
				//alert(username.value) ;

4.js中常见事件分类

---

1.  点击相关的 

                   单击事件 (重点)  onclick
                   双击事件         ondbclick

 2.   焦点事件 (重点)

                    获取焦点      onfocus
                    失去焦点      onblur

3.   选项卡发生变化的事件 (重点)  

     
                     select标签 下拉菜单                 onchange     
                             option 下拉选项

	
		
		
	
	
		籍贯:
		
			请选择
			陕西省
			山西省
			广东省
		
		籍贯:
		
			请选择
			陕西省
			山西省
			广东省
		
		
	

4.   鼠标经过事件 :onmouseover
 5.  鼠标移出事件:onmouseout

 6. 页面载入事件 (重点):onload