资源描述：
《《浏览器对象》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、第6章浏览器对象教学目标本章主要介绍常用的浏览器对象，通过本章的学习，使学生掌握浏览器对象的层次关系、熟悉窗口window对象、文档document对象和表单form对象。教学要求学习重点浏览器对象的层次关系window对象的常用属性和方法document对象的常用属性和方法form对象的常用属性和方法本章目录6.1 【案例21】打开和关闭窗口6.2 【案例22】打开狭长窗口6.3【案例23】在页面中自定义背景色6.4【案例24】大小写字母变换6.5综合实训6.1 【案例21】案例效果设计一个有3个超链接的页面，单击这些链接可以打开、关闭新窗口以及关闭本窗口。效果图如图6.1所示。图6.
2、1打开和关闭窗口案例运行效果图主要代码如下：
打开新窗口关闭新窗口关闭本窗口
代码设计相关知识浏览器对象的
3、层次关系图6.2浏览器对象的层次关系图相关知识window对象概述window对象代表的是打开浏览器窗口。通过window对象可以控制窗口的大小和位置，弹出对话框的类型、打开窗口与关闭窗口，还可以控制窗口上是否显示地址栏、工具栏和状态栏等栏目，对于窗口中的内容，window对象可以控制是否重载网页、是否返回上一个文档或前进到下一个文档。相关知识打开window对象的open()方法的语法格式windowVar=window.open(url,windowname[,windowfeature]);url：指向一个目标窗口的url，也就是在某个浏览器窗口中创建这个新的窗口。windowna
4、me：是创建窗口对象的名字，赋予窗口对象一个名字是为了以后通过调用该名字来访问该窗口对象。windowfeature：是一个用逗号分隔的字符串，列举了窗口的特征，见表6-1。相关知识表6-1窗口的特征属性说明width窗口的宽度height窗口的高度scrollbars是否显示滚动条resizable设定窗口大小是否固定toolbar浏览器工具条，包括后退及前进按钮等menubar菜单条，一般包括有文件、编辑及其他一些条目location定位区，也叫地址栏，是可以输入url的浏览器文本区direction更新信息的按钮相关知识window.close()关闭指定的浏览器窗口。如果不带窗口
5、引用调用close()函数，JavaScript就关闭当前窗口。在事件处理程序中，必须指定window.close()，而不能仅仅使用close()，因为不带对象名字的close()调用等价于document.close()。6.2 【案例22】案例效果在装载“案例22.htm”页面的同时，自动打开宽和高均为200像素的新窗口“popu1.htm”，此窗口于5秒后自动关闭；单击“案例22.htm”中的超链接文字“使用超链接打开狭长窗口”能够打开高为100像素的狭长的窗口，打开的位置精确地控制在屏幕的左上角。效果图如图6.3所示。图6.3打开和关闭窗口效果图代码设计(1)新建网页“案例22
6、.htm”，编写如下源代码：
打开和关闭窗口7、','width='+screen.availWidth+',height=100,top='+screen.availTop+',left='+screen.availLeft)">使用超链接打开狭长窗口
