《浏览器对象和》PPT课件.ppt

1、了解浏览器对象和DOM、2、目标以及公用浏览器对象：文本节点，熟悉控制窗口、文档、History Sreen和Event DOM的公用节点DOM，3，介绍浏览器对象2-1 Document文档对象，使用open方法打开新窗口，使用Close方法关闭窗口，添加单击事件，以及8，Open(“打开窗口的URL”，“窗口名称”，“窗口功能”)窗口具有height: window等特征：widthTop:屏幕上的窗口像素值；左图：屏幕左侧窗格的像素值。工具栏：是否显示工具栏，是否显示是；Menubar、scrollbars表示菜单栏和滚动条。Resizable:是否允许更改窗口大小；yes或1表示位置：

2、是否显示地址；yes或1表示是否允许显示状态：是否允许显示状态栏中的信息；yes或1表示允许；Window对象7-4，9，functionopen window()使用Window对象7-5，Open方法打开新的广告窗口，然后添加页面加载事件。10、showModalDialog(“打开窗口的URL”，“窗口名称”，“窗口特征”)；任何组合均可：dialogHeight:对话框高度dialogWidth:对话框宽度dialogLeft:屏幕左侧距离dialogTop:屏幕距离center:窗口中心与否，是否显示默认的yes help:帮助文档按钮，默认为yes默认值为yes。以下几个茄子属性用

3、于HTA。通常，打印或打印预览时不使用dialogHide:打印或打印预览时是否隐藏对话框，默认值NOEDGE 3360表示对话框边框样式，默认值raised unadorned:为no，Window对象7-。function open window()window . show modal dialog(adv . htm， scroll :0Status:0Resizable:0dialogwidth 3360650 px:DialogHeight 3360150 px)；看和我一起打开的广告窗口。windows对象7-7，使用showModalDialog方法打开新的广告窗口，添加页面加

4、载事件。12，1。图层图层插入图层1，z-Index=1。2.在图层中插入图片。3 .使用计时器函数settime out():settime out(“调用的函数名称”，间隔中的毫秒数)表示每毫秒数。调用函数循环以删除计时器：clearTimeout()方法。例如：varmyclock settimeout (move()，500)；if()clear time out(my clock)；Window对象7-8，13，function move()document . getelement byid(layer 1)。style . left=math . ranne document .

5、 getelement byid(layer 1). style . top=math . random()* 500；SetTimeout(move()，1000)；随机浮动广告，windows对象7-9，定义层照片移动的函数移动()，每隔一秒移动()函数调用随机更改层位置，实现随机浮动效果，14，文档对象3-1，属性，15过来，我变色给你看！更改红色|更改蓝色|更改黄色、使用document对象的bgColor属性更改背景颜色、添加鼠标悬停事件、17、history对象4-1、History对象方法、18、Location对象4-2；function jump()location . hr

6、ef=document . my form . menu 1 . value；-选择季节风景-春天美丽的夏天颜色，根据用户的选择修改跳跃网址，添加选项更改事件，20，屏幕对象，屏幕通用属性：获取高度屏幕垂直分辨率获取宽度屏幕垂直分辨率availheight导入Microsoft Windows任务栏availwidth除外获取系统屏幕的工作区宽度，wing，21，需要计算屏幕/弹出窗口的窗口宽度var winheight=200/需要弹出的窗口的高度/需要弹出的窗口的左顶点坐标varw inleft=(window . screen . width-winwidth)/2；/需要弹出窗口的顶部

7、顶点坐标var wintop=(window . screen . height-win height)/2；Var str=width=winwidth，height=winheight，left=winleft，wintop=wintopWindow.open(login.html，str)；登录、计算弹出窗口位置、单击登录时弹出、22、事件对象、事件是事件发生元素、键盘状态、鼠标位置和鼠标按钮状态公用属性3360 srcElement事件源、事件发生元素clientX/clientY OffsetY鼠标指针的位置是事件所有事件属性都可以通过所有event对象进行访问，但是某些事件可能没有

8、意义。例如，fromElement和toElement属性只有在处理onmouseover和onmouseout事件时才有意义。23，event示例，在新窗口中打开首页关于向后导航网站信息，浏览器鼠标右键单击菜单遮罩，鼠标事件处理，Html部分，24 If(event . button=2)menu . style . top=window . eventmenu . style . left=window . event . offsetx；menu . style . display=inline；function cmunu 2()var menu=document . geteleme

9、nt byid(menu 1)；menu . style . display=none；鼠标单击位置、鼠标事件处理、JS部分、25、Dom基础、trees、trees、everywhere trees、trees、everywhere welcometoareallyboringsNodeValue节点的值。父节点节点节点的父节点。ChildNodes节点的子节点列表。FirstChild childNodes列表中的第一个节点。LastChild childNodes列表中的最后一个节点。PreviousSibling返回当前节点之前的节点。NextSibling列表中的下一个节点。Attr

10、ibutes仅用于元素节点，并返回元素属性列表。，27，基于Dom，var myDocument=documentvar html element=my document . document element；var head element=html element . getelementsbytagname(head)0；If (headElement！=null)vartitle element=headelement . getelementsbytagname(title)0；If(标题元素！=null)var title text=title element . first ch

11、ild；alert(the page title is title text . node value)；var body element=head element . next sibling；while(body element . nodename . tolower case()！=body)body element=body element . nextsibling；属性示例：导入head对象，导入head下一个节点，body节点，28，DOM节点，节点Dom中最基本的对象类型节点DMO树的所有内容，节点的主要方法：insert before(newChild replacechi

12、ngRemoveChild(oldChild)从运行方法的节点中删除oldChild节点。AppendChild(newChild)将newChild添加到函数执行节点。NewChild将添加到目标节点子级列表的末尾。HasChildNodes()如果调用方法的节点有子节点，则返回true，否则返回false。HasAttributes()如果调用方法的节点具有属性，则返回true否则返回false。29，Dom方法，function test()var my document=document；var html element=my document . document element；v

13、ar head element=html element . getelementsbytagname(head)0；If (headElement！=null)vartitle element=headelement . getelementsbytagname(title)0；If(标题元素！=null)var title text=title element . first child；var body element=head element . next sibling；while(body element . nodename . tolower case()！= body )/查找body标记body element=body element . next sibling；if(body element . haschild nodes()for(I=0；I，Javascipt节，30，Dom方法，JavaScript and Dom are a pe