Window对象

编辑
文档创建者:印然 (67260 )     浏览次数:4405次     编辑次数:6次     最近更新:ukae 于 2018-08-15     

目录:

1. 概述编辑

Window对象表示浏览器中打开的窗口。
如果文档包含框架(frame或 iframe标签),浏览器会为HTML文档创建一个Window对象,并为每个框架创建一个额外的Window对象。
Window对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window对象是全局对象,所有的表达式都在当前的环境中计算。
可以通过window来引用Window对象,通常情况下可以直接使用winodw下的方法。如可以只写document,而不必写window.document。
同样,可以把当前窗口对象的方法当作函数来使用,如只写alert(),而不必写window.alert()。

2. Window对象的常用属性编辑

属性  
说明  
  closed  返回窗口是否已被关闭
  document  对Document对象只读引用
  innerheight  返回窗口文档显示区高度
  innerwidth  返回窗口文档显示区宽度
  location  用于窗口或框架的Location对象
  name  设置或返回窗口名称
  parent  返回父窗口
  top
  返回最顶层的先辈窗口

3. Window对象的常用方法编辑


方法  
  说明
  alert()  显示带有一段消息和一个确认按钮的警告框。
  setTimeout()  在指定的毫秒数后调用函数或计算表达式
  clearTimeout()  取消由 setTimeout() 方法设置的 timeout
  setInterval()  按照指定的周期(以毫秒计)来调用函数或计算表达式
  clearInterval()  取消由 setInterval() 设置的 timeout
  close()  关闭浏览器窗口
  confirm()  显示带有一段消息以及确认按钮和取消按钮的对话框
  open()  打开一个新的浏览器窗口或查找一个已命名的窗口
  print()  打印当前窗口的内容
  prompt()  显示可提示用户输入的对话框
  scrollBy()  按照指定的像素值来滚动内容
  scrollTo()  把内容滚动到指定的坐标

4. 示例编辑

4.1 close()方法
close() 方法用于关闭浏览器窗口。
方法 close() 将关闭有 window 指定的顶层浏览器窗口。某个窗口可以通过调用 self.close() 或只调用 close() 来关闭其自身。

注:只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭。这阻止了恶意的脚本终止用户的浏览器。
4.2 alert()方法
显示带有一段消息和一个确认按钮的警告框。效果如下:

222

JS脚本如下:
<script type="text/javascript"> function display_alert() { alert("I am an alert box!!") } </script>
完整代码如下:
<html> <head> <script type="text/javascript"> function display_alert() { alert("I am an alert box!!") } </script> </head> <body> <input type="button" onclick="display_alert()" value="Display alert box" /> </body> </html>

4.3 confirm()方法
confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。
如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。效果如下:

222


注:在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 confirm() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。
js脚本如下:
<script type="text/javascript"> function show_confirm() { var r=confirm("Press a button!"); if (r==true) { alert("You pressed OK!"); } else { alert("You pressed Cancel!"); } } </script>
完整代码如下:
<html> <head> <script type="text/javascript"> function show_confirm() { var r=confirm("Press a button!"); if (r==true) { alert("You pressed OK!"); } else { alert("You pressed Cancel!"); } } </script> </head> <body> <input type="button" onclick="show_confirm()" value="Show a confirm box" /> </body> </html>
4.4 promt()方法
prompt() 方法用于显示可提示用户进行输入的对话框。语法为
prompt(text,defaultText)
如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。效果如下:

222

注:在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句
JS代码如下:
<script type="text/javascript"> function disp_prompt() { var name=prompt("请输入您的名字","FR") if (name!=null && name!="") { document.write("你好," + name + "!") } } </script>
完整代码如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function disp_prompt() { var name=prompt("请输入您的名字","FR") if (name!=null && name!="") { document.write("你好," + name + "!") } } </script> </head> <body> <input type="button" onclick="disp_prompt()" value="显示一个提示框" /> </body> </html>   

4.5 open()方法
打开一个新的浏览器窗口或查找一个已命名的窗口。使用语法:
window.open(URL,name,features,replace)
URL一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。
name一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记 'a' 和 'form' 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。
features一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。
replace一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值: true - URL 替换浏览历史中的当前条目。 false - URL 在浏览历史中创建新的条目。
注:请不要混淆方法 window.open() 与方法 document.open(),这两者的功能完全不同。为了使您的代码清楚明白,请使用 window.open(),而不要使用 open()
比如:
window.open("http://help.finereport.com/");
4.6 print()方法
用于打印当前窗口的内容。
调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常,这会产生一个对话框,让用户可以取消或定制打印请求。效果如下:

222
window.print()

附件列表


主题: 二次开发
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?只是浏览 [ 去社区提问 ]