您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 销售管理 > H1-6 JavaScript浏览器对象简介
JavaScriptBrowserObjectintroductionJavaScript浏览对象简介事件文档对象模型(DOM)浏览器对象的作用Windows对象的作用Document对象History对象Location对象学习目标事件简介事件的处理程序可以是任意JavaScript语句,一般用特定的自定义函数(function)来处理事情。事件是发生并得到处理的操作。事件处理的过程表示:发生事件-启动事件处程序-事件处理程序作出反应。事件处理程序事件处理程序的基本语法是:事件名=JavaScript代码或调用函数如:INPUTtype=”BUTTON”onClick=“alert(“单击”);”INPUTtype=”BUTTON”onMouseDown=“check()”表示鼠标按下时,将调用执行函数check()。JavaScript事件处理程序就是一组语句在事件(如点击鼠标或移动鼠标等)发生时执行。JavaScript事件事件名说明onClick鼠标单击onChange文本内容或下拉菜单中的选项发生改变onFocus获得焦点,表示文本框等获得鼠标光标。onBlur失去焦点,表示文本框等失去鼠标光标。onMouseOver鼠标悬停,即鼠标停留在图片等的上方onMouseOut鼠标移出,即离开图片等所在的区域onMouseMove鼠标移动,表示在DIV层等上方移动onLoad网页文档加载事件onSubmit表单提交事件onMouseDown鼠标按下onMouseUp鼠标弹起文档对象文档对象的分层结构navigator浏览器对象window窗口对象screen屏幕对象Window对象-1属性名称说明document表示给定浏览器窗口中的HTML文档。history包含有关客户访问过的URL的信息。location包含有关当前URL的信息。name设置或检索窗口或框架的名称。status设置或检索窗口底部的状态栏中的消息。screen包含有关客户端的屏幕和显示性能的信息。Window对象-2方法名称说明alert(“m提示信息)显示包含消息的对话框。confirm(“提示信息”)显示一个确认对话框,包含一个确定取消按钮Prompt(”提示信息“)弹出提示信息框open(url,name)打开具有指定名称的新窗口,并加载给定URL所指定的文档;如果没有提供URL,则打开一个空白文档close()关闭当前窗口setTimeout(”函数”,毫秒数)设置定时器:经过指定毫秒值后执行某个函数clearTimeout(定时器对象)Document对象-1属性名称说明alinkColor设置或检索文档中所有活动链接的颜色bgColor设置或检索Document对象的背景色body指定文档正文的开始和结束linkColor设置或检索文档链接的颜色location包含关于当前URL的信息title包含文档的标题url设置或检索当前文档的URLvlinkColor设置或检索用户访问过的链接的颜色Document对象-2方法名称说明clear()清除当前文档close()关闭输出流并强制显示发送的数据write(text)将文本写入文档History对象方法名称说明back()加载History列表中的上一个URL。forward()加载History列表中的下一个URL。go(urlornumber)加载History列表中的一个URL,或要求浏览器移动指定的页面数。属性:length历史的项数。返回的是“前进”和“后退”两个按键之下包含的地址数的和。Location对象属性名称说明host设置或检索位置或URL的主机名和端口号hostname设置或检索位置或URL的主机名部分href设置或检索完整的URL字符串名称说明assign(url)加载URL指定的新的HTML文档。reload()重新加载当前页replace(url)通过加载URL指定的文档来替换当前文档方法小结-1事件是浏览器响应用户交互操作的一种机制,JavaScript的事件处理机制可以改变浏览器响应用户操作的方式,这样就开发出具有交互性,并易于使用的网页。浏览器为了响应某个事件而进行的处理过程,叫做事件处理。事件处理程序可以是一条语句也可以是一个函数的调用。事件有三大类:1.引起页面之间跳转的事件,主要是超连接事件、.事件浏览器自己引起的事件、.事件在表单内部同界面对象的交互。小结-2JavaScript中onfocus和onblur事件的区别JavaScript中的Onclick事件、onmouseover事件、onLoad事件、onMouseUp事件、onResize事件、onMouseOut事件。JavaScript中的处理事件以属性的形式出现的事件处理程序文档对象模型(DOM)使用浏览器的内部对象系统,可实现与HTML文档进行交互。Document对象表示给定浏览器窗口中的HTML文档,并用于检索文档的信息、检查和修改HTML元素和文档中的文本,以及处理事件。小结-3history对象有时层次结构中的对象表示的东西似乎与窗口和按钮表示的实际内容不同。location对象提供了关于当前打开窗口或者特定框架的URL信息。一个多框架的窗口对象在location属性显示的是父窗口的URL,每个框架也有一个与之相伴的location对象。
本文标题:H1-6 JavaScript浏览器对象简介
链接地址:https://www.777doc.com/doc-3909978 .html