window对象提供的功能之窗口最大化

实现窗口最大化的基本思路是：首先打开一个“中转”页面，在该页面中用window.open方法打开一个最大化的窗口，并且在该窗口中将父窗口关闭。实例如下：
　　ex3.html:

代码

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5     <title>ex3</title>
6     <script type="text/javascript">
7         // 页面加载之后打开一个新窗口，加载ex4.html
8         function init() {
9             var options = "status=yes,resizable=yes,left=0,top=0,width=" +
10             (screen.availWidth - 8) + ",height=" + (screen.availHeight - 56);
11             window.open("ex4.html","_blank",options);
12         }
13
14         // 无提示关闭窗口
15         function closeWin() {
16             window.opener = null;
17             window.close();
18         }
19     </script>
20 </head>
21 <body onload="init()">
22
23 </body>
24 </html>

　　ex4.html:

代码

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5     <title>ex4</title>
6     <script type="text/javascript">
7         function init() {
8             if(window.opener) window.opener.closeWin();
9         }
10     </script>
11 </head>
12 <body onload="init()">
13 <h1>ex4</h1>
14 </body>
15 </html>

转载于:https://www.cnblogs.com/mikelin/archive/2010/02/02/1662123.html

window对象提供的功能之窗口最大化相关推荐

作为window对象属性的元素多窗口和窗体
作为窗口对象属性的文档元素如果html文档中用id属性为元素命名.并且如果window对象没有此名字的属性,则window对象会赋予一个属性,其名字为id属性的值,其值指向该元素 html < ...
JavaScript window 对象详解
1. 概述 window对象指当前的浏览器窗口,它也是当前页面的顶层对象,即最高一层的对象,所有其他对象都是它的下属. 一个变量如果未声明,那么默认就是顶层对象的属性. // a是一个没有声明就直接 ...
JavaScript权威指南--window对象
知识要点 window对象及其客户端javascript所扮演的核心角色:它是客户端javascript程序的全局对象.本章介绍window对象的属性和方法,这些属性定义了不同的API,但是只有一部分 ...
前端学习笔记之——使用 Window 对象
使用 Window 对象 1.获取 Window 对象可以用两种方式获得 Window 对象.正规的 HTML5 方式是在 Document 对象上使用 defaultView 属性.另一种方法是使 ...
javaScript与jQuery中Window对象
一,Window对象概述:对游览器窗口的控制.window对象代表游览器打开的窗口. 二,Window对象的属性: document-对话框中显示的当前文档 location-指定当前文档的URL n ...
js的window对象与属性的使用
1.BOM的概述 browser object modal :浏览器对象模型. 浏览器对象:window对象. Window 对象会在 <body> 或 <f ...
JavaScript 基础（十三）：Window对象
2019独角兽企业重金招聘Python工程师标准>>> 一. window对象简介 window 对象是 BOM(浏览器对象模型) 的核心,window对象指当前的浏览器窗口. w ...
Window对象简介
Window对象是JavaScript层级中的顶层对象. Window对象表示一个浏览器窗口或一个框架,它在<body>或<frameset>出现时被自动创建. Window对 ...
JS window对象详解
JS window对象详解 1.window对象 2.窗口操作打开窗口关闭窗口 3.对话框 confirm prompt 4.定时器 setTimeout和clearTimeout setInte ...

window对象提供的功能之窗口最大化

window对象提供的功能之窗口最大化相关推荐

最新文章

热门文章