第8章-Web开发基础.ppt

* 说明 可以在任意位置嵌入，顺序执行 * * * * * * * * 告诉学员：这些函数用于获得日期和时间，比如年份、月份、日等 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 浏览器对象与文档对象分层结构 Window 窗口对象 location 地址对象 document 文档对象 FORM 表单对象 浏览器对象的分层结构 window.document.myform.text1 浏览器对象与文档对象分层模型 下图是一个对象树，要引用某个对象就要把父级对象名都列出来。 浏览器对象与文档对象 window 窗口对象 location 地址对象 document 网页文档对象 links 超链接对象 anchors 锚记对象 forms 表单对象 images 图像对象 form elements 表单元素对象 history 历史对象 window 对象 名称 说明 document 表示当前浏览器窗口中的 HTML 文档。 history 表示客户访问过的URL的相关信息。 location 表示当前窗口显示的当前 URL 的信息。 name 设置或检索窗口或框架的名称。 status 表示当前浏览器的状态栏消息。 screen 表示用户屏幕，提供屏幕尺寸等信息。 其它…… …… Window对象的属性 在文档对象模型的层次结构中，所有下层对象都是其上层对象的子对象。而子对象其实也是父对象的属性。 window 对象 名称 说明 alert (提示信息) 弹出消息对话框。 confirm（提示信息） 弹出一个确认对话框，包含一个确定取消按钮 prompt（提示信息,初始值） 弹出提示信息框 open (url,name) 打开具有指定名称的新窗口，并加载给定 URL 所指定的文档；如果没有提供 URL，则打开一个空白文档 close () 关闭当前窗口 setTimeout(函数,毫秒数) 设置定时器：经过指定毫秒值后执行某个函数 clearTimeout(定时器对象) 取消由setTimeout()设置的定时器 moveTo(x,y) 将窗口移动到指定的坐标处，x和y均以像素为单位 moveBy(offsetx,offsety) 将窗口移动指定的位移量 其它…… …… window对象的方法 Window 对象 (例) SCRIPT function openwindow( ) { window.open(“); } function openBlankWindow( ) { myWindow=window.open(,,width=200,height=100) myWindow.document.write(This is myWindow) myWindow.focus() } function closewindow( ){ window.close ( ); } /SCRIPT FORM INPUT TYPE=button VALUE=打开百度 onClick=openwindow() INPUT TYPE=button VALUE=打开空白窗口 onClick=openBlankWindow() INPUT TYPE=button VALUE=关闭当前窗口 onClick=closewindow() /FORM 使用 Open 方法 打开新窗口 使用 Close 方法 关闭窗口 添加单击事件 window是最顶层的根，可省略 window.open(…);可简写为： open(…); close（）方法也是如此。 document 对象属性及方法概述 名称 说明 属性 title 包含文档的标题 URL 当前文档的 URL formName 以文档中包含的表单名引用指定表单 Forms[] 以数组索引值表示所有表单 anchors[] 以数组索引值表示所有超链 方法 write (text) 将文本写入文档 writeln (text) 将文本分行写入文档 getElementById() 返回对拥有指定 id 的第一个对象的引用 getElementsByName() 返回带有指定名称的对象集合 getElementsByTagName() 返回带有指定标签名的对象集合 Document—HTML文档（Dom树层次结构！） Document、Element、Attribute、Event document对象的属性 多种方法获得表单中的元素值 script language=javascript function onC