菜鸟学习之Javascript

最新推荐文章于 2025-04-26 15:57:22 发布

原创最新推荐文章于 2025-04-26 15:57:22 发布 · 114 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JAVAscript初学 #HTML事件

学习日常小结专栏收录该内容

23 篇文章

订阅专栏

今天来简单分享一下HTML事件相关部分。  
      事件可以用于处理表单验证，用户输入，用户行为以及浏览器动作。
    			那么Javascript在事件中可以做什么呢？
    			页面加载时触发事件  
    			页面关闭时触发事件  
    			用户点击按钮时执行动作  
    			等等······
    	下面分享一下常见的HTML事件  
    				onchange——HTML元素改变  
    				onclick     ——用户点击HTML元素  
    				onmouseover——用户在一个HTML元素上移动鼠标  
    				onmouseout——用户在一个HTML元素上移开鼠标  
    				onkeydown——用户按下键盘   
    				onload     ——浏览器已完成页面的加载    
    				  
    				  下面分享一个简单的小案例  
    				  <!DOCTYPE html>  
    				  <html>
					  <head> 
					  <meta charset="utf-8"> 
					  <title>test</title> 
                      </head>
                     <body>
                     <button  onmouseover="displayDate()"onkeydown="missDate()" onmouseout="missDate()">放这里</button>
                     <script>
                     function displayDate(){
                         document.getElementById("demo").innerHTML=Date();
                     }
                     function missDate(){
                     	document.getElementById("demo").innerHTML='';
                     }
                     </script>
                     <p id="demo"></p>
                     </body>
                     </html>  
                     加油！！！