《windows对象的属性和方法》由会员分享，可在线阅读，更多相关《windows对象的属性和方法（54页珍藏版）》请在金锄头文库上搜索。
1、第七章 window 对象和事件,乔方辉,本章目标,熟练使用Navigatior对象的属性和方法会使用Location对象的属性和方法熟练使用History对象的属性和方法,前章回顾,浏览器对象的层次结构Window对象的常见属性和方法 对话框 setTimeout和clearTimeout setInterval和 clearTnterval moveTo moveBy resizeTo resizeBy scrollTo scrollByWindow对象使用实例,History对象,当浏览网页时，可以单击浏览器的工具栏上的【后退】，【前进】，可以再次浏览已经浏览过的网页。在浏览器中浏览网页
2、时，每一个窗口都有一个维护客户端浏览器最近访问的网页的列表。这个列表是用History对象来表示。,History对象的方法,go()方法,go()当参数为整数时,正数是向前移动.负数是向后移动go(0):将浏览器定位到当前位置,go(2):前进2个页面back() 相当于go(-1)forword()相当于go(1),前进，后退按钮,示例,Location对象,表示浏览器的URL地址信息,Location对象,Location 对象 属性,方法,History 对象和 Location 对象,下拉菜单menu1,History 和Location 对象,function jump ( ) l
3、ocation.href=document.myform.menu1.value; . -请选择季节景色- 春天美景 夏天一色,根据用户的选择，修改跳转的网址,添加选项改变事件,打开窗口5秒之后，跳转到其他页面。,打开窗口5秒之后，跳转到其他页面。,locationfunction win_loc()window.location=8-13.htmlfunction start()setTimeout(win_loc(),5000);打开窗口5秒之后，跳转到其他页面。,Screen对象,Screen对象提供了有关显示器的信息，代表用户所使用的计算机中所使用的窗口大小及分辨率,屏幕的分辨率,屏幕
4、的分辨率,请调整至1024*768的分辨率浏览本站,全屏显示!- function maxsize() window.moveTo(0,0);window.resizeTo(screen.availWidth,screen.availHeight)alert(窗口宽度为：+screen.availWidth+窗口高度为：+screen.availHeight)最大的有效屏幕显示窗口,Navigatior对象,为了让web页面兼容常用的浏览器，首先需要知道页面当前在哪一个浏览器中运行。当客户端浏览网页时，自动创建一个Navigatior对象，提供显示当前页面的浏览器的信息Netscape nav
5、igator 和微软的Internet Explore都支持Navigatior对象,Navigatior对象,浏览器信息,document.write(浏览器名称：+navigator.appName+)document.write(浏览器版本号：+navigator.appVersion+)document.write(运行平台：+navigator.platform+)document.write(用户语言：+navigator.userLanguage+)document.write(“浏览器的类型：+navigator.userAgent+),判断是IE浏览器还是Firefox,/判
6、断是否为IE浏览器If(navigator.userAgent.indexOf(“MSIE”)!=-1)/判断是否为火狐浏览器Else If(navigator.userAgent.indexOf(“Firefox”)!=-1),Frame框架对象,使用框架(Frame)，你可以在浏览器窗口同时显示多个网页。每个Frame里设定一个网页，每个Frame里的网页相互独立。框架是Web窗口中独立的窗口。用JavaScript可以控制和访问各个框架。,Frameset,决定如何划分Frame 。框架可以用水平、垂直或两者都有的方式创建。有cols属性和rows属性。使用cols属性，表示按列分布Fr
7、ame；使用rows属性，表示按行分布Frame。,Frame,放于.中用这个Tag设定网页。里有src属性，src值就 是网页的路径和文件名。,将窗口分为4个部分用百分比指定框架的尺寸时，相对于窗口大小，根据窗口大小而调整。像素代表绝对精确的大小。,Frame标记用来跟每一个框架这定选项，包括每个框架的URL。SRC属性指定URL连接。框架的URL根据Frame标记的先后次序从左到右、从上到下打开。,下面的代码的目的是：将Frameset分成2列，第一列25% ，表示第一列的宽度是窗口宽度的25%；第二列75%，表示第一列的宽度是窗口宽度的75%。第一列中显示example1.html，第二
8、列中显示example2.html 。,混合Frame, ,name: 指定框架的名字，用来显示内容举例：主文档：main.html左：list.html右：welcome.html,main.html,virtual zoo ,Welcome.html,单击列表中名称显示其图片,List.html,风景照片列表图片一 图片二,习题： 自己建立一个虚拟动物园,框架的嵌套,可以在.中包含另一对.，这样就形成了嵌套如此形成父框架的概念, ,框架的格式化,标记包含了若干属性，用来改变框架的外观和行为。,参数解释,SRC=设定此框窗中要显示的网页档案名称，每个框窗一定要对应著一个网页档案。你可以使用绝
9、对路径或相对路径。 NAME=设定这个框窗的名称，这样才能指定框架来作连结，必须但任意命名。,frameborder=设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。 framespacing=“”表示框架与框架间的保留空白的距离。 bordercolor=“”设定框架的边框颜色。scrolling=“”设定是否要显示滚动条，YES 表示要显示，NO 表示无论如何都不要显示， AUTO是视情况显示。,noresize设定不让使用者可以改变这个框框的大小，亦没有设定此参数，使用者可以很随 意地拉动框架，改变其大小。 marginhight=表示框架高度部份边缘所保留的空间。 marginwidth=表示框架宽度部份边缘所保留的空间.,
