前端基础之《JavaScript（4）—JS事件对象》

一、元素对象常用属性

1、属性

obj.innerHTML;
objs.length;
obj.outerHTML;
obj.innerText;
obj.textContent;
obj.tagName;

2、获取元素对象

document.getElementById();
document.getElementsByTagName();
document.getElementsByClassName();

二、JS宽高

1、文档的高，屏幕的文档区域的高（body的高）

document.body.clientHeight

2、有效的高，屏幕可视的高

document.documentElement.clientHeight

3、屏幕的总高度（窗口整个可滚动区域的高）

document.documentElement.scrollHeight

4、滚动的高度（滚动条从最上面往下滚动了多少）

document.documentElement.scrollTop

5、对象的高度

obj.clientHeight; //本身的高
obj.offsetHeight; //包含边框的高
obj.scrollHeight; //出现滚动条时的总高度
obj.scrollTop; //已经滚动了的高度

看到图片滚着滚着就加载，是靠滚动了多少高，要加载什么

三、自定义对象、元素对象和json对象

1、obj=new Object();
2、obj=document.getElementById("imgid");
3、obj={"name":"user1"}

四、浏览器默认行为

1、什么是浏览器默认行为
浏览器上有个a标签，你点击a标签必然有反应，要么刷新当前页面，要么跳转到别的页面去。这个就叫a标签的默认行为。

2、要点了a标签不让它跳转

<a href="javascript:;" onclick="alert(1)">点我</a>

借用a标签，有时候目的就为了单击。

3、阻止a标签的默认行为（三种方式）
（1）javascript:;
（2）javascript:void(0)
（3）在onclick事件后面return false;

<a href="" onclick="alert(1); return false;">点我</a>

事件函数返回return false就会阻断标签本来的默认行为。

补充方式：
event.preventDefault();
event是事件对象，只要触发事件，就会有event。

五、JS事件

onabort	图像加载被中断
onblur	元素失去焦点
onchange	用户改变域的内容
onclick	鼠标点击某个对象
ondblclick	鼠标双击某个对象，dbl=double
onerror	当加载文档或图像时发生某个错误
onfocus	元素获得焦点
onkeydown	某个键盘的键被按下
onkeypress	某个键盘的键被按下或按住
onkeyup	某个键盘的键被松开
onload	某个页面或图像被完成加载
onmousedown	某个鼠标按键被按下
onmousemove	鼠标被移走
onmouseout	鼠标从某元素移开
onmouseover	鼠标被移到某元素之上
onmouseup	某个鼠标按键被松开
onreset	重置按钮被点击
onresize	窗口或框架被调整尺寸
onselect	文本被选定
onsubmit	提交按钮被点击
oncontextmenu	右键上下文菜单

js事件方法
select();
focus();