JavaScript+jQuery程序设计第8章 Window窗口对象.pptVIP

Window窗口对象 Window对象概述 对话框 打开与关闭窗口 控制窗口 窗口事件 Window对象概述 Window对象的属性 Window对象的方法 Window对象的使用 Window对象的属性 属性 说明 document 对话框中显示的当前文档 location 指定当前文档的URL name 对话框的名字 status 状态栏中的当前信息 top 表示最顶层的浏览器对话框 parent 表示包含当前对话框的父对话框 opener 表示打开当前对话框的父对话框 self 表示当前对话框 screen 表示用户屏幕，提供屏幕尺寸、颜色深度等信息 navigator 表示浏览器对象，用于获得与浏览器相关的信息 Window对象的方法 方法 说明 alert() 弹出一个警告对话框 confirm() 在确认对话框中显示指定的字符串 prompt() 弹出一个提示对话框 open() 打开新浏览器对话框并且显示由URL或名字引用的文档，并设置创建对话框的属性 close() 关闭被引用的对话框 scrollTo(x,y) 把对话框滚动到指定的坐标 setTimeout(timer) 在指定的毫秒数过后，对传递的表达式求值 setInterval(interval) 指定周期性执行代码 moveTo(x,y) 将对话框移动到指定坐标处 resizeTo(x,y) 设置对话框的大小 print() 相当于浏览器工具栏中的“打印”按钮 Window对象的使用 window.属性名 window.方法名(参数列表) 语法格式 Window对象可以直接调用其方法和属性。 parent.属性名 parent.方法名(参数列表) 语法格式 在实际运用中，JavaSctipt允许使用一个字符串来给窗口命名，也可以使用一些关键字来代替某些特定的窗口。例如，使用 “parent”代表父级窗口。 对话框 警告对话框 确认对话框 提示对话框 警告对话框 在页面载入时就执行相应的函数，并弹出警告对话框。 实例 window.alert(str) 显示的提示字符串 语法格式 利用Window对象的alert()方法可以弹出一个警告框，并且在警告框内可以显示提示字符串文本。 确认对话框 实现在页面中弹出“确定要关闭浏览器窗口”对话框。 实例 window.confirm(question) 对话框中显示的纯文本 语法格式 Window对象的confirm()方法用于弹出一个确认对话框。 提示对话框 当浏览器打开时，在文本框中输入数据并单击“显示对话框”按钮，会弹出一个提示对话框，输入数据后，单击“确定”按钮后，返回相应的数据。 实例 window.prompt(str1,str2) 指定要被显示的信息 语法格式 利用Window对象的prompt()方法可以在浏览器窗口中弹出一个提示框。 指定输入框的值 打开与关闭窗口 打开窗口 关闭窗口 打开窗口 WindowVar=window.open(url,windowname[,location]); 当前打开窗口的句柄 语法格式 打开窗口可以使用Window对象的open()方法。 打开窗口的参数 目标窗口的URL window对象的名称 window.open(new.html,new); window.open(new.html,new,height=140,width=690); window.open(new.html,new,top=300,left=200); window.open(new.html,new,scrollbars,resizable); var win=window.open(bookinfo.html,bookinfo,width=600,height=500); 打开窗口 通过open()方法可以在进入首页时，弹出一个指定大小及指定位置的新窗口。 实例 打开窗口 在365影视网中就应用了这个功能，当单击查看影片详情的图片 时，会按指定的大小及位置打开影片详情页面。 实例 关闭窗口 window.close(); 语法格式 利用window对象的close()方法可以实现关闭当前窗口的功能。 关闭当前窗口 三种方式 window.close(); close(); this.close(); 关闭窗口 实例 通过window对象的open()方法打开一个新窗口（子窗口），当用户在该窗口中进行关闭操作后，关闭子窗口时，系统会自动刷新父窗口来实现页面的更新。 关闭窗口 windowname.close(); 已打开窗口的句柄