Javascript之经典小案例

（1）动态显示当前系统时间

	
当前时间：

关于JavaScript Date（日期）对象

2）复选框的全选/全不选/反选

	篮球
	排球
	羽毛球
	乒乓球
	

	
	
	

	

（3）省市联动

• 创建一个页面，有两个下拉选择框

  • 在第一个下拉框里面有一个事件 ：改变事件 onchange事件
    – 方法changeCity(this.value);表示当前改变的option里面的value值

  • 创建一个二维数组，存储数据
    – 每个数组中第一个元素是国家名称，后面的元素是国家里面的城市*
    /*
    1、遍历二维数组
    2、得到也是一个数组（国家对应关系）
    3、拿到数组中的第一个值和传递过来的值做比较
    4、如果相同，获取到第一个值后面的元素
    5、得到city的select
    6、添加过去（使用）appendChild方法

    创建option（三步）
    由于每次都要向city里面添加option
    第二次添加，会追加。
    每次添加之前，判断一下city里面是否有option，如果有，删除

	
		--请选择--
		中国
		美国
		德国
		日本
	
	

(4)下拉列表左右选择

	

		
			选项1
			选项2
			选项3
			选项4
			选项5
			选项6
		
		
	
	

		
		
			
	

(5)JS表单校验的雏形

	用户名:

	密码:   
	

	
	

（6）用户注册

	用户名:

	

	密码:	   

	

	

(7)实现图片切换****或图片轮播
1、

2、

	

	
	上一张
	下一张