js之dom操作练习 ---- js篇

一、自动计数器

点击 Start Count 开始计数，点击Stop count 暂停计数

二、history和location练习2

2.1、案例

2.2、季节、颜色切换

2.2.1、autumn.html

  

    

    

  秋雨——高楼目尽欲黄昏，梧桐叶上萧萧雨。

  秋夜——睡起秋声无觅处，满阶梧叶日明中。

  秋声——未觉池塘春草梦，阶前梧叶已秋声。

  秋叶——夜深风竹敲秋韵，万叶千声皆是恨。

  秋色——雨侵坏瓮新苔绿，秋入横林数叶红。

  秋月——月光浸水水浸天，一派空明互回荡。

  秋菊——宁可枝头抱香死，何曾吹落北风中。

  秋思——故人万里无消息，便拟江头问断鸿。

  秋愁——莫道身闲总是，孤灯夜夜写清愁。 

  秋兴——西风吹叶满湖边，初换秋衣独慨然。

  秋怀——出门未免流年叹，又见湖边木叶飞。

  秋梦——清梦初回秋夜阑，床前耿耿一灯残。

  秋忆——砧杵敲残深巷月，梧桐摇落故园秋。

  秋悟——人人解说悲秋事，不似诗人彻底知。

  秋味——蟋蟀独知秋令早，芭蕉下得雨声多。

    
	春天 夏天
	 冬天  后退
	  前进  
    
  

2.2.2、main.html

   

    

      

      

    
	 

      
春
      
夏
    
    

      

      

    
    

      
秋
      
冬
    
  
 

2.2.3、spring.html

  

    

    
春来——爆竹声中一岁除，春风送暖入屠苏。

  春雨——小楼一夜听春雨，深巷明朝卖杏花。

  春花——惆怅东栏一株雪，人生看得几清明。

  春夜——更深月夜半人家，北斗阑干南斗斜。

  春水——春水碧于天，画船听雨眠。 

  春风——春风又绿江南岸，明月何时照我还。

  春光——等闲识得东风面，万紫千红总是春。

  春景——试上超然台上看，半壕春水一城花。

  春游——东风知我欲山，吹断檐间积雨声。 

  春思——春心莫共花争发，一寸相思一寸灰。

  春寂——春潮带雨晚来急，野渡无人舟自横。

  春愁——问君能有几多愁，恰似一江春水向东流

  春梦——枕上片时春梦中，行尽江南数千里。

  春恨——人生自是有情痴，此恨不关风和月。

  春归——落红不是无情物，化作春泥更护花。

     
	 夏天 秋天 冬天  后退  
	前进
    
  

2.2.4、summer.html

  

    

    
夏颂——纳清风台榭开怀，傍流水亭轩赏心。

  夏景——叶上初阳干宿雨，水面清圆，风荷举。

  夏初——槐柳成阴雨洗尘，樱桃乳酪并尝新。

  夏热——日轮当午凝不去，万国如在洪炉中。

  夏雨——风声撼山翻怒涛，雨点飞空射强弩。

  夏水——涧影见藤竹，潭香闻芰荷。

  夏夜——散发乘夕凉，开轩卧闲敞。

  夏花——荷叶罗裙一色裁，芙蓉向脸两边开。

  夏鸟——漠漠水田飞白鹭，阴阴夏木啭黄鹂。

  夏蝉——垂缍饮清露，流响出疏桐。

  夏节——彩线轻缠红玉臂，小符斜桂绿云鬟。

  夏思——夏虫也为我沉默，沉默是今晚的康桥！

  夏游——松风涧水杂清音，空山如弄琴。

  夏趣——懒摇白羽扇，裸体青林中。

    
	 春天 秋 冬天  后退  
	前进
    
  

2.2.5、winter.html

  

    

    

	

	冬雪——忽如一夜春风来，千树万树梨花开。

	  冬梅——不是一番寒彻骨，争得梅花赴鼻香。

	  冬景——岸容待腊将舒柳，山意冲寒欲放梅。

	  冬天——琥珀珠海黏行处雪，棕榈帚扫卧来云。

	  冬夜——岁华皆采获，冬晚共严枯。

	  冬风——飘飘送下遥天雪，飒飒吹干旅命烟。

	  冬思——岁寒，然后知柏之后凋。

	  冬狩——会挽雕弓如满月，西北望，射末狼。

	  冬愁——云横秦岭家何在，雪拥蓝关马不前。

	  冬行——草枯鹰眼疾，雪尽马蹄轻。

	  冬恨——夜阑卧听风吹雨，铁马冰河入梦来。

	  
     春天 夏天 秋天    后退  前进

    
    
  

三、falsh文件的引入

四、模式窗口

  

    
送货地址确认
  
  

    
省份：
    

	
	  北京市
	  广东省
	  河北省
	  四川省
	  江苏省
	
	
  
  

    
城市：
    

	
	  北京市
	  上海市
	  广州市
	  邯郸市
	  峨眉山市
	
	
  
  

    
区：
    

	
	  西城区
	  海淀区
	  白云区
	  解放区
	  进城区
	
	
  
  

    
街道：
    

  
  

    
门牌号：
    

  
    

    

  

  

    
简易购物车
    
  

    
商品名称
    
数量(件)
    
单价(美元)
    
运费(美元)
    
合计
  
   

    
跑跑道具
    
5
    
12.5
    
10
    
72.5美元
   
   

   	
填写你的邮寄地址 
   

五、date对象

六、多次弹出框