一、JavaScript事件
1、事件捆绑
HTML文档将元素的常用事件（onclick、onmouseover等）当作属性捆绑在HTML元素上，当元素的特定事件发生时，对应的特定事件的时间处理器就被执行，并将结果返回给浏览器。
<html>
<body>
<script>
function fun1()
{
alert('wolrd');
}
</script>
<a href="http://www.baidu.com" onclick="javascript:alert('hello')">打开百度</a>
<a href="http://www.sina.com" onclick="fun1()">打开新浪</a>
</body>
</html>2、浏览器事件
浏览器事件指载入文档直到关闭期间的浏览器事件，如浏览器载入文档事件onload、关闭该文档事件onunload、浏览器失去焦点事件onblur、活得焦点事件onfocus等。
<html>
<body>
<script>
window.onblur = function()
{
alert('浏览器失去了焦点');
}
</script>
</body>
</html>3、HTML元素事件
<a>链接的事件有：
onclick：鼠标单击链接 ondbclick：鼠标双击链接 onmouseDown：鼠标在链接的位置下 onmMouseOut：鼠标移出链接所在位置 onmouseOver：鼠标经过链接所在位置 onmouseUP:鼠标在链接的位置放开 onKeyDown：键被按下 onkeyPress：按下并放开该键 onKeyUp：键被松开
<img>图片的事件有：
onerror：加载图片出现错误时触发 onload：图片加载时触发 键被按下或松开等事件
<body>文档主体的事件有：
onblur：文档失去焦点 onclick：在文档中单击鼠标 ondbClick：在文档中双击鼠标等等
<form>表单的事件有：
onsubmit：提交窗体里的表单 onreset：窗体复位
<input>表单组件的事件有：
onblur：组件失去焦点 onclick：单击组件 onfocus：onchange：当文本框(text)内容发生改变且失去当前焦点、组件获得焦点等等
<textarea>多行文本框的事件有：
onblur：文本区失去焦点 onchange：文本区内容发生改变且失去焦点 onfocus：获得焦点等等
<html>
<body>
<img src="#" onerror="javascript:alert(/xss/)">
</body>
</html>二、JavaScript基于对象编程
1、JavaScript对象分类
自定义对象的两种方法
#使用new关键字定义对象
var info = new Object(); #使用new关键字结合Object来创建一个空的对象
info.nme = "张三"; #增加属性
info.age = 20;
info.show = function() #增加方法
{
document.write("自定义对象方法");
}
infi.show(); #调用对象的方法
#使用大括号来定义对象
var info =
{
name : "张三",
age : 20,
show:function()
{
document.write("自定义对象方法");
}
}
infi.show(); #调用对象的方法JS内置对象
js内置对象包括字符串对象、数组对象、日期时间对象、布尔对象、数字对象、数学对象
#字符串String对象的属性和方法
var str1 = "hello world";
var a = str1.length; #获取字符串长度
str1.toUpperCase(); #到大写
str1.indexOf('e') #查找字符串
#数组对象的属性和方法
var arr = [1,2,3,4];
arr.reverse(); #反转数组
#日期时间对象
var today = new Date();
today.getDay(); #取星期数
等等2、DOM框架
DOM（文档结构模型），文档中各个元素在HTML元素层次结构中都被表级为关系成员，并可通过这种关系来访问指定的成员，
Window对象：表示与当前浏览器窗口相关的顶级对象，包含当前窗口的最大化、最小化、尺寸大小等。
Frames对象：表示文档页面中的框架数组对象，每个框架都包含一个Window对象。
Location对象：以URL的形式载入当前窗口，并保存正在浏览的文档位置及构成：协议、主机名、端口、下、路径等。
Document对象：包含HTML文档中的HTML标记和构成文档内容的文本对象。
History对象：包含当前窗口的历史列表对象。
Navigator对象：包含当前浏览器的相关信息对象。
Screen对象：包含当前浏览器运行的物理环境信息的对象。
三、作业
只需要会看懂和利用JavaScript代码即可，重点掌握DOM文档对象模型、window对象里面的方法。
1703
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
