JavaScript笔记5-事件

Posted 2020-09-28 胡广勤

一.概述:
事件是可以被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>