js第3讲

第三讲JavaScript中的浏览器对象2目标掌握常用的浏览器对象：windowdocumenthistory3浏览器对象简介对象属性名称说明document表示给定浏览器窗口中的HTML文档。history包含有关客户访问过的URL的信息。location包含有关当前URL的信息。name设置或检索窗口或框架的名称。status设置或检索窗口底部的状态栏中的消息。screen包含有关客户端的屏幕和显示性能的信息。5Window对象方法名称说明alert(“m提示信息)显示包含消息的对话框。confirm（“提示信息”）显示一个确认对话框，包含一个确定取消按钮Prompt（”提示信息“）弹出提示信息框open(url,name)打开具有指定名称的新窗口，并加载给定URL所指定的文档；如果没有提供URL，则打开一个空白文档close()关闭当前窗口setTimeout（”函数”,毫秒数）设置定时器：经过指定毫秒值后执行某个函数clearTimeout(定时器对象)6open（”打开窗口的url”，”窗口名”，”窗口特征”）窗口的特征如下，可以任意组合：height：窗口高度；width：窗口宽度；top：窗口距离屏幕上方的象素值；left：窗口距离屏幕左侧的象素值；toolbar：是否显示工具栏，yes为显示；menubar，scrollbars表示菜单栏和滚动栏。resizable：是否允许改变窗口大小，yes或1为允许location：是否显示地址栏，yes或1为允许status：是否显示状态栏内的信息，yes或1为允许；Window对象我们需要预先制作好广告页面，假设为adv.htm，打开广告窗口的语句如下：open(“adv.htm”,“”,“toolbars=0,scrollbars=0,location=0,statusbars=0,menubars=0,resizable=0,width=650,height=150”);7HTMLHEADSCRIPTlanguage=JavaScriptfunctionopenwindow(){open(adv.htm,,toolbars=0,scrollbars=0,location=0,statusbars=0,menubars=0,resizable=0,width=650,height=150);}/SCRIPT/HEADBODYonLoad=openwindow()H2看看和我一起打开的广告窗口/H2/BODY/HTMLWindow对象使用Open方法打开广告新窗口添加页面加载事件81.插入一个层Layer1，z-index=1；2.层中插入一幅图片。3.定时器函数setTimeout（）的用法：setTimeout（“调用的函数名”，间隔的毫秒数）表示每隔多少毫秒，就循环调用某个函数来执行清除某个定时器：clearTimeout（）方法。例如：varmyclock＝setTimeout（”move()”,500）;if(…)clearTimeout（myclock）;；Window对象9headscriptlanguage=JavaScriptfunctionmove(){document.getElementById(Layer1).style.left=Math.random()*500;document.getElementById(Layer1).style.top=Math.random()*500;setTimeout(move(),1000);}/script/headbodyonload=move()DIVid=Layer1style=position:absolute;left:14px;top:44px;width:150px;height:102px;z-index:1Ahref==piaofu.jpgwidth=150height=100border=0/A/DIVH2随机漂浮的广告/H2/BODYWindow对象定义层图片移动的函数move()每隔1秒调用move()函数随机改变层的位置，从而实现随机漂浮的效果getElementById(“ID名称”)方法：根据ID名称获取HTML元素，这里表示获取层对象Layer1。left和top表示层Layer1的左边距和上边距，设定为随机的值。10Document对象属性名称说明alinkColor设置或检索文档中所有活动链接的颜色bgColor设置或检索Document对象的背景色body指定文档正文的开始和结束linkColor设置或检索文档链接的颜色location包含关于当前URL的信息title包含文档的标题url设置或检索当前文档的URLvlinkColor设置或检索用户访问过的链接的颜色11Document对象方法名称说明clear()清除当前文档close()关闭输出流并强制显示发送的数据write(text)将文本写入文档12Document对象HTMLHEADTITLE无标题文档/TITLESCRIPTlanguage=JavaScriptfunctionchange(color){document.bgColor=color;}/SCRIPT/HEADBODYH2移过来我变色给你看看！/H2FONTsize=4SPANonMouseOver=change('red')变红色/SPAN|SPANonMouseOver=change('blue')变蓝色/SPAN|SPANonMouseOver=change('yellow')变黄色/SPAN/FONT/BODY利用document对象的bgColor属性改变背景色添加鼠标悬停事件13History对象history对象方法名称说明back()加载History列表中的上一个URL。forward()加载History列表中的下一个URL。go(urlornumber)加载History列表中的一个URL，或要求浏览器移动指定的页面数。Back()方法相当于后退按钮forward()方法相当于前进按钮go(1)代表前进1页，等价于forward()方法；go(-1)代表后退1页，等价于back()方法；14Location对象Location对象属性名称说明host设置或检索位置或URL的主机名和端口号hostname设置或检索位置或URL的主机名部分href设置或检索完整的URL字符串名称说明assign(url)加载URL指定的新的HTML文档。reload()重新加载当前页replace(url)通过加载URL指定的文档来替换当前文档方法15History对象和Location对象下拉菜单menu116History和Location对象scriptlanguage=JavaScriptfunctionjump(){location.href=document.myform.menu1.value;}/script/HEADBODYFORMname=myform...SELECTname=menu1onChange=jump()OPTION---请选择季节景色--/OPTIONOPTIONvalue=spring.htm春天美景/OPTIONOPTIONvalue=summer.htm夏天一色/OPTION…根据用户的选择，修改跳转的网址添加选项改变事件17总结浏览器对象是一个分层次的结构，window是顶层的根对象打开窗口使用window对象的open()方法设置定时器，使用window对象的setTimeout()方法history对象的back()和forward()方法等同于前进、后退按钮