1、JavaScript程序设计程序设计第第6章章 窗口和框架窗口和框架6.1 Window对象概述6.2 窗口框架简介6.3 窗口框架控制6.4 FRAME之间的链接JavaScript程序设计程序设计第第6章章 窗口和框架窗口和框架6.5 浮动窗口6.6 实战：iframe创建动态内容JavaScript程序设计程序设计 Window对象常用属性和方法 （1）简单对话框：alert()、confirm()和prompt()；（2）状态栏：status属性和defaultStatus属性；（3）定时设定和时间间隔：setTimeout()、clearTimeout()、setInterval()
2、、clearInterval()；（4）navigator：用于获取浏览器和操作系统的信息；（5）Screen对象：有关用户显示器的大小和可用的颜色数量的信息；（6）Location对象：窗口中当前显示的文档的URL；（7）History对象：保存着用户上网的历史记录；6 6.1 Window.1 Window对象概述对象概述第6章 窗口和框架JavaScript程序设计程序设计 窗口相关操作 （1）窗口位置获取：screenLeft和screenTop、screenX和screenY；（2）窗口位置移动：moveTo()和moveBy()；（3）窗口大小获取：outerWidth和outer
3、Height、innerWidth和innerHeight；（4）窗口大小调整：resizeTo()和resizeBy()；（5）打开窗口：open()；（6）关闭窗口：close()；6 6.1 Window.1 Window对象概述对象概述第6章 窗口和框架JavaScript程序设计程序设计 什么是窗口框架 窗口框架可用于将窗口画面分割成多个小窗口，且每个小窗口中，可以显示不同的网页，达到在浏览器中同时浏览多个不同网页的效果。6.2 6.2 窗口框架简介窗口框架简介第6章 窗口和框架JavaScript程序设计程序设计 窗口框架的基本结构 .6.2 6.2 窗口框架简介窗口框架简介第6章
4、 窗口和框架JavaScript程序设计程序设计 水平/垂直分隔6.3 6.3 窗口框架控制窗口框架控制第6章 窗口和框架JavaScript程序设计程序设计 设置窗口宽度 窗口框架宽度设置 6.3 6.3 窗口框架控制窗口框架控制第6章 窗口和框架JavaScript程序设计程序设计 子窗口设置标签frame的六个属性src、name、marginwidth、marginheight、scrolling和noresize。6.3 6.3 窗口框架控制窗口框架控制第6章 窗口和框架JavaScript程序设计程序设计 链接 对于框架网页中的超链接，可用target属性指定该链接的内容在哪个窗口
5、显示；_blank _self _parent _top6.4 FRAME6.4 FRAME之间的链接之间的链接第6章 窗口和框架JavaScript程序设计程序设计 浮动窗口 在一个页面中直接引入另一个页面，这种技术称为浮动的窗口（Floating frame）(也叫“内部框架”；6.5 6.5 浮动窗口浮动窗口第6章 窗口和框架JavaScript程序设计程序设计 实战 （1）案例）案例描述描述 编写程序使用JavaScript为iframe创建动态内容，当用户点击页面链接时，显示当前session中用户访问页面的次数。（2）实现思路）实现思路 1）首先创建一个HTML主页面。页面包含一个子窗口iframe；2）定义函数initLinks循环遍历页面上所有的链接；3）定义数组pageCount用来记录加载页面的次数；4）函数writeContent设置变量newText用来存储iframe的动态内容；6.6 6.6 实战：实战：iframeiframe创建动态内容创建动态内容第6章 窗口和框架JavaScript程序设计程序设计 Window对象概述 窗口框架简介 窗口框架控制 FRAME之间的链接 浮动窗口总结总结第6章 窗口和框架JavaScript程序设计程序设计
