HTML5+CSS3程序设计第13章 JavaScript对象编程.pptVIP

DOM 分层 html head title标题内容/title /head body h3三号标题/h3 b加粗内容/b /body /html DOM对象节点属性 DOM对象节点属性 属性 说明 nodeName 节点的名称 nodeValue 节点的值，通常只应用于文本节点 nodeType 节点的类型。 parentNode 返回当前节点的父节点。 childNodes 子节点列表 firstChild 返回当前节点的第一个子节点 lastChild 返回当前节点的最后一个子节点 previousSibling 返回当前节点的前一个兄弟节点 nextSibling 返回当前节点的后一个兄弟节点 attributes 元素的属性列表 节点的几种操作 * JavaScript 对象编程 01 Window 窗口对象 03 JavaScript与表单操作 02 Document 文档对象 04 DOM 对象 Window 窗口对象 Window对象 顶层Window对象是所有其他子对象的父对象，它出现在每一个页面上，并且可以在单个JavaScript应用程序中被多次使用。 属性 描述 document 对话框中显示的当前文档 frames 表示当前对话框中所有frame对象的集合 location 指定当前文档的URL name 对话框的名字 status 状态栏中的当前信息 defaultstatus 状态栏中的当前信息 top 表示最顶层的浏览器对话框 parent 表示包含当前对话框的父对话框 opener 表示打开当前对话框的父对话框 closed 表示当前对话框是否关闭的逻辑值 self 表示当前对话框 screen 表示用户屏幕，提供屏幕尺寸、颜色深度等信息 navigator 表示浏览器对象，用于获得与浏览器相关的信息 Window对象的方法 方法 描述 alert() 弹出一个警告对话框 confirm() 在确认对话框中显示指定的字符串 prompt() 弹出一个提示对话框 open() 打开新浏览器对话框并且显示由URL或名字引用的文档，并设置创建对话框的属性 close() 关闭被引用的对话框 focus() 将被引用的对话框放在所有打开对话框的前面 blur() 将被引用的对话框放在所有打开对话框的后面 scrollTo(x,y) 把对话框滚动到指定的坐标 scrollBy(offsetx,offsety) 按照指定的位移量滚动对话框 setTimeout(timer) 在指定的毫秒数过后，对传递的表达式求值 setInterval(interval) 指定周期性执行代码 对话框 警告（alert） 利用Window对象的alert()方法可以弹出一个警告框，并且在警告框内可以显示提示字符串文本。 语法： window.alert(str); 参数str表示要在警告对话框中显示的提示字符串。 询问对话框（confirm） 语法： window. confirm(question) window：Window对象。 question：要在对话框中显示的纯文本。通常，应该表达程序想要让用户回答的问题。 返回值：如果用户单击了“确定”按钮，返回值为true；如果用户单击了“取消”按钮，返回值为false。 询问对话框（prompts） 语法： window.prompt(str1，str2) str1：为可选项。表示字符串(String)，指定在对话框内要被显示的信息。如果忽略此参数，将不显示任何信息。 str2：为可选项。表示字符串(String)，指定对话框内输入框（input）的值（value）。如果忽略此参数，将被设置为undefined。 案例 窗口对象常用操作 window.scrollTo(0,1000) 1 window.print(); 2 窗口对象常用操作 window.history.back(); 3 文档对象概述 DOM 模型 DOM是JavaScript操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个JavaScript对象，从而可以用脚本进行各种操作（比如增删内容）。 DOM不属于JavaScript，但是操作DOM是JavaScript最常见的任务，而JavaScript也是最常用于DOM操作的语言。 Document 对象 文档对象（document）代表浏览器窗口中的文档，该对象是window对象的子对象，由于window对象是DOM对象模型中的默认对象，因此window对象中的方法和子对象不需要使用document来引用