Home思洋影视事业部网站建设知识库
0 Comments

客户端事件驱动（1）

发布于：2012-11-17  |   作者：广州网站建设  |   已聚集：人围观
客户端事件驱动（1）

JavaScript是基于对象（object-based）的语言。这与Java不同，Java是面向对象的语言。而基于对象的基本特征是采用事件驱动（event-driven）。在图形界面的环境下，事件驱动方式使得输入操作简化。通常由鼠标动作或热键的触发执行被称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动（Event Driver）。对事件进行处理程序或函数，则被称之为事件处理程序（Event Handler）。广州网站建设

在JavaScript中，对象事件的处理通常由函数（Function）完成。其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理程序。格式如下：广州网站建设



    
	
  1. 
		Function 事件处理名(参数表){   
    2. 
	
  2. 
		事件处理语句集；   
    3. 
	
  3. 
		M  
    4. 
	
  4. 
		}   
    5. 




	JavaScript事件驱动中的事件是通过鼠标或热键的动作触发的，常用的事件如下所示。   广州网站设计



	1．单击事件onClick



	当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生：广州网站建设



	button（按钮对象）；



	checkbox（复选框）或（检查列表框）；



	radio（单选钮）；



	reset buttons（重要按钮）；



	submit buttons（提交按钮）。



	例如，可以通过下列按钮激活change()函数。




    
	
  1. 
		<Form>   
    2. 
	
  2. 
		<Input type="button" Value=" " onClick="change()">   
    3. 
	
  3. 
		</Form>   
    4. 




	 

在onClick等号后，可以使用自己编写的函数作为事件处理程序，也可以使用JavaScript中内部的函数，或者直接使用JavaScript的代码等。比如：



    
	
  1. 
		<html> 
    2. 
	
  2. 
		<head> 
    3. 
	
  3. 
		<title>onclick事件测试程序</title> 
    4. 
	
  4. 
		<script language="JavaScript">   
    5. 
	
  5. 
		<!--   
    6. 
	
  6. 
		function test(){   
    7. 
	
  7. 
		do{   
    8. 
	
  8. 
		username=prompt("welcome to visit this page","");   
    9. 
	
  9. 
		}while(username=="")  
    10. 
	
  10. 
		document.write(username,",hello");   
    11. 
	
  11. 
		}   
    12. 
	
  12. 
		//-->   
    13. 
	
  13. 
		</script> 
    14. 
	
  14. 
		</head> 
    15. 
	
  15. 
		<body> 
    16. 
	
  16. 
		<input type="button" value="touch" name=button1 onClick="test()"> 
    17. 
	
  17. 
		</body> 
    18. 
	
  18. 
		</html> 
    19. 




	 

在浏览器中运行上述代码的效果如图1.4所示。


	
		

			
				
		

		

			
				图1.4  onClick事件测试效果图
		

	


向文本框中输入"Hello world！"的测试信息，单击"确定"按钮，浏览器输出如下信息：    

广州网站设计


    
	
  1. 
		hello world！hello 
    2. 




	通过上面的浏览器提示信息，可以知道代码已经运行成功。   广州网站设计

   
			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机