第6章--窗口和框架.pptx

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