码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript笔记5-事件

时间:2017-07-20 00:55:50      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:function   on()   doc   js代码   添加   文件中   onchange   对象   tno   

一.概述:
事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。相当于让标签在满足某种条件的时候,调用指定的方法.

二.常用事件
1:onload事件:表示页面上的其他元素全部加载完成之后,再执行指定的方法;
格式: 
     1)直接定义一个带名称的方法,在body标签中,使用onload=”方法名()”;
     2)写在js文件中:
     window.onload=function(){
         Js代码
     }
     注意事项:
     一个页面中只能使用一次onload事件;
     Js中没有方法重载的概念,只要方法名相同,就会覆盖;

2.onclick事件:表示鼠标点击的时候,会触发指定的函数;(调用指定的方法);
     1)在标签的开始标签中,直接写onclick=”方法名()”
     2)定在js文件中:
         标签对象.onclick = function(){
             Js代码
         }

3:onfocus事件:表示输入框获取焦点的时候;执行的事件;

4:onblur事件:表示输入框失去焦点的时候;执行的事件;

5.鼠标移入与移出事件:
     onmouseover:鼠标移入;
     onmouseOut:鼠标移出;

6.onchange 事件常用于输入字段的验证,内容改变时触发;

7.getElementsByTagName()方法,得到数组对象.参数为"标签名",如tr/input
getElementByTagName("tr"):获取所有tr标签对象;

8.getElementsByClassName根据class属性值,获取对应的标签对象组成的数组;


9.document.createElement/document.createTextNode/appendChild
例子:
<script>
//创建新的 <p> 元素:
var para=document.createElement("p");
//向 <p> 元素添加文本,您必须首先创建文本节点。这段代码创建了一个文本节点:
var node=document.createTextNode("这是新段落。");
//向 <p> 元素追加这个文本节点
para.appendChild(node);
</script>

JavaScript笔记5-事件

标签:function   on()   doc   js代码   添加   文件中   onchange   对象   tno   

原文地址:http://www.cnblogs.com/huguangqin/p/7208908.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!