javascript文档对象讲述.ppt

JavaScript函数定义及事件处理 WEB编程基础 Javascript函数定义 1.函数定义 function 函数名() { 语句; return 值;//函数若无返回值则省略。 } 2.函数调用 html事件 可以被对象识别的操作，如在按钮上点击鼠标… 事件机制可以实现：当对象的某个状态发生变化时，系统将会通过相应途径调用有关处理这个事件的方法或者触发事件的对象就会调用相应事件处理程序等。在html中通过标签的事件属性对应在该对象上的操作，通过事件属性的值调用相应的事件处理程序,通常事件处理程序由函数担任。 基本事件： onLoad：当Web浏览器加载窗口或框架集时。 onUnLoad：当Web浏览器从窗口或框架集卸载一个文档时。 onClick：当一个元素被鼠标单击时。 onDbClick：当一个元素被鼠标双击时。 onMouseDown：当在一个元素上方鼠标被按下时。 onMouseUp：在一个元素上方鼠标被释放时。 onMouseOver：当鼠标指针从一个元素上方经过时。 onMouseMove：当鼠标指针在一个元素上方移动时。onmousedown onMouseOut：当鼠标指针离开一个元素时。 onFocus：当一个元素接收到来自鼠标或键盘的焦点时。 Onblur: 事件处理方法 1.在事件属性中直接添加代码。 p onclick=“alert(‘click’);”aaaaa/p 2. 添加标签事件方法。script type=text/javascript // 添加onload 事件 window.onload = function(){ // 找到对象 var myobjection = document.getElementById(myp); // 添加onclick 事件 myobjecton.onclick = function(){ alert(我被点击了); } } /script /head body p id=mypClick Me/p /body 事件处理方法 3.通过函数处理script type=text/javascript function myfun(){ alert(我被点击了); } /script p onclick=“myfun();”aaaaaaaa/p JavaScript文档对象 WEB编程基础 浏览器对象模型 window location document history frames navigator screen embeds applets location links images forms anchors radio password hidden fileupload checkbox button elements text reset submit select textarea options 文档对象模型 （DOM) 浏览器对象模型 （BOM) window对象 window对象除了是BOM中所有对象的父对象外，还包含一些窗口控制函数 1. status和defaultStatus属性status属性就是用于设置状态栏显示的文本。而defaultStatus表示默认的状态栏信息，例如默认情况下IE浏览器会显示“完毕”，可以通过defaultStatus来改变这一信息。window.status=“javascript;window.defaultStatus=“javascript; 2.open方法新建一个浏览器窗口来打开指定页面。window.open(“1.html”);注：由于浏览器的标签系统导致此方法无法新建窗口，只以新标签打开1.html。所以此方法的详细语法略。 3.close方法关闭当前打开的浏览器窗口。window.close window对象 4.setTimeout和setInterval方法定时器，setTimeout可以使一段代码在指定时间后运行，在延时期限之前取消延时，使用window.clearTimeout(timeoutId)方法； setInterval可以使一段代码每过指定时间就运行一次。function hello(){alert(“hello”);}var time1=window.setTimeout(hello,5000);