首页 > 代码库 > JavaScript笔记5-事件
JavaScript笔记5-事件
一.概述:
事件是可以被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.鼠标移入与移出事件:
onm ouseover:鼠标移入;
onm ouseOut:鼠标移出;
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-事件