H16JavaScript浏览器对象简介.pptVIP

学习目标 事件 文档对象模型（DOM） 浏览器对象的作用 Windows对象的作用 Document对象 History 对象 Location对象 事件简介 事件的处理程序可以是任意JavaScript 语句，一般用特定的自定义函数（function）来处理事情。 事件处理程序 事件处理程序的基本语法是： 事件名= JavaScript 代码或调用函数 如： INPUT type=”BUTTON” onClick=“alert(“单击”);” INPUT type=”BUTTON” onMouseDown=“check( )” 表示鼠标按下时，将调用执行函数check( ) 。 JavaScript 事件 文档对象 文档对象的分层结构 navigator浏览器对象　window窗口对象 screen屏幕对象 Window 对象-1 Window 对象-2 Document 对象-1 Document 对象-2 History对象 方法 Location对象 属性 小 结-1 事件是浏览器响应用户交互操作的一种机制，JavaScript的事件处理机制可以改变浏览器响应用户操作的方式，这样就开发出具有交互性，并易于使用的网页。 浏览器为了响应某个事件而进行的处理过程，叫做事件处理。事件处理程序可以是一条语句也可以是一个函数的调用。 事件有三大类： 1.引起页面之间跳转的事件，主要是超连接事件、 .事件浏览器自己引起的事件、.事件在表单内部同界面对象的交互。 小 结-2 JavaScript中onfocus和onblur事件的区别 JavaScript中的Onclick事件、onmouseover事件、onLoad事件、onMouseUp事件、onResize事件、onMouseOut事件。 JavaScript中的处理事件 以属性的形式出现的事件处理程序 文档对象模型（DOM） 使用浏览器的内部对象系统, 可实现与HTML文档进行交互。 Document对象表示给定浏览器窗口中的HTML文档，并用于检索文档的信息、检查和修改HTML元素和文档中的文本，以及处理事件。 小 结-3 history 对象有时层次结构中的对象表示的东西似乎与窗口和按钮表示的实际内容不同。 location对象提供了关于当前打开窗口或者特定框架的URL信息。一个多框架的窗口对象在location属性显示的是父窗口的URL，每个框架也有一个与之相伴的location对象。 JavaScript Browser Object introduction JavaScript浏览对象简介 事件是发生并得到处理的操作。 事件处理的过程表示：发生事件 - 启动事件处 程序 - 事件处理程序作出反应。 JavaScript 事件处理程序就是一组语句在事件(如点击 鼠标或移动鼠标等)发生时执行。 鼠标按下 onMouseDown 鼠标弹起 onMouseUp 表单提交事件 onSubmit 网页文档加载事件 onLoad 鼠标移动，表示在DIV层等上方移动 onMouseMove 鼠标移出，即离开图片等所在的区域 onMouseOut 鼠标悬停，即鼠标停留在图片等的上方 onMouseOver 失去焦点，表示文本框等失去鼠标光标。 onBlur 获得焦点，表示文本框等获得鼠标光标。 onFocus 文本内容或下拉菜单中的选项发生改变 onChange 鼠标单击 onClick 说明 事件名 属性 设置或检索窗口底部的状态栏中的消息。 status 设置或检索窗口或框架的名称。 name 包含有关当前 URL 的信息。 location 包含有关客户端的屏幕和显示性能的信息。 screen 包含有关客户访问过的URL的信息。 history 表示给定浏览器窗口中的 HTML 文档。 document 说明 名称 方法 弹出提示信息框 Prompt(”提示信息“) 设置定时器：经过指定毫秒值后执行某个函数 setTimeout(”函数”,毫秒数) 关闭当前窗口 close ( ) clearTimeout(定时器对象) 打开具有指定名称的新窗口，并加载给定 URL 所指定的文档；如果没有提供 URL，则打开一个空白文档 open (url,name) 显示一个确认对话框，包含一个确定取消按钮 confirm(“提示信息”) 显示包含消息的对话框。 alert (“m提示信息) 说明 名称 属性 设置或检索当前文档的 URL url 包含文档的标题 title 包含关于当前 URL 的信息 location 设置或检索文档链接的颜色 linkColor 指定文档正文的开始和结束