第14讲 DOM编程-Document对象(一).pptVIP

onMouseMove案例 script language=javascript type=text/javascript function changebgcolor(color) { document.bgColor=color; } /script span onMouseMove =changebgcolor(red);红色/span| span onMouseMove =changebgcolor(yellow);黄色/span| span onMouseMove =changebgcolor(blue);蓝色/span 鼠标移动事件 2、Document 对象 方法 名称 说明 open ( ) 打开一个流，以收集来自任何 document.write() 方法的输出。 close ( ) 关闭输出流并强制显示发送的数据 write (text) 将文本写入文档 getElementByID( ) 根据HTML元素指定的ID，获得唯一的一个HTML元素。如：访问DIV层对象、图片Img对象 getElementsByName( ) 根据HTML元素指定的name，获得相同名称的一组元素。如：访问表单元素(全选功能) 注意事项：调用 open() 方法打开一个新文档并且用 write() 方法设置文档内容后，必须记住用 close 方法关闭文档，并迫使其内容显示出来。 getElementByID案例 script language=JavaScript Function move() {document.getElementById(Layer1).style.left= Math.random()*500; document.getElementById(Layer1).style.top= Math.random()*500;setTimeout(move(),800); } /script body onLoad=move() DIV id=Layer1 style=position:absolute; left:14px; top:44px; width:150px; height:102px; z-index:1 A href=IMG src=piaofu.jpg width=150 height=100 border=0/A /DIV H2随机漂浮的广告/H2 /body 总结 请介绍Document对象的常用属性？ 请详细解释Document对象的常用方法？ 作业一（必做） 1、课堂实例 2、动态更改个人网站主色调 作业二（选做） 1、完成效果图上的特效 强调bgColor背景色属性，后面将讲解相关例子。 * INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE 主讲老师：方丹 DOM编程－Document对象( 一) 回顾 请列举location和history对象的常用方法？ Window对象有哪些属性和方法？ 本讲目标 任务一：document对象属性和方法 重点： document对象属性和方法的使用 难点： BgColor属性的使用 预习检查 document对象有哪些常用的方法？ BgColor属性用来设置什么？ 任务一：Document 对象 属性 名称 说明 alinkColor 设置或检索文档中所有活动链接的颜色 bgColor 设置或检索 Document 对象的背景色 body 指定文档正文的开始和结束 linkColor 设置或检索文档链接的颜色 location 包含关于当前 URL 的信息 title 包含文档的标题 url 设置或检索当前文档的 URL vlinkColor 设置或检索用户访问过的链接的颜色 lastModified 返回文档被最后修改的日期和时间。 1、制作页面变色