用 JavaScript 控制浏览器窗口大小？

用 JavaScript 控制浏览器窗口大小：

A:有时候，需要控制显示窗口的大小，通过点击窗口右上角的控制按钮来实现。

function Minimize()

{

window.innerWidth = 100

window.innerHeight = 100

window.screenX = screen.width

window.screenY = screen.height

alwaysLowered = true

}

function Maximize()

{

window.innerWidth = screen.width

window.innerHeight = screen.height

window.screenX = 0

window.screenY = 0

alwaysLowered = false

}

上面的代码包含 2 个函数，第 1 个函数 Minimize 中使用 innerWidth 和 innerHeight 2 个命令在象素级别上控制窗口尺寸大小，这里将窗口设置为宽 100 高100。然后，设置窗口的起始位置，定位大小为屏幕的宽和高，这样，使用 alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接 〈A HREF="javascript:onClick=Minimize()"〉Minimize〈/A〉。同时，上述代码可以用于设置屏幕的任何分辨率。

　 注意，当在页面上应用这个功能时，请将那 2 个触发事件的链接放置在页面的左上角，这样，当窗口缩小到右下角时，也不会消失。

1、使用window.open()

function openwindow(aa)

{

return window.open(aa,'newindow','height=600,width=900,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')

}

//调用方法

openwindow("index.html")

2、使用window.showModalDialog()

function show(WINwidth, WINheight) {

showx = event.screenX - event.offsetX - 4 - WINwidth // + deltaX

showy = event.screenY - event.offsetY + 18// + deltaY

newWINwidth = WINwidth + 4 + 18

var features =

'dialogWidth:' + newWINwidth + 'px' +

'dialogHeight:' + WINheight + 'px' +

'dialogLeft:' + showx + 'px' +

'dialogTop:'+ showy + 'px' +

'directories:no

localtion:no

menubar:no

status=no

toolbar=no

scrollbars:no

Resizeable=no'

var endtarget = "d出页面.htm"

window.showModalDialog(endtarget, " ", features)

}

<!--调用-->

<input name="image" type=image onClick="show(230, 35)return false" src="../../代替按扭的图片.gif" alt="鼠标经过显示的文字" width="16" height="16" >

window.showModalDialog

基本介绍：showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框(就是d出这个窗口后,父窗口是不可选的)。window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框(就是d出这个窗口后,父窗口仍然可选)。使用方法：vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])参数说明：sURL--必选参数，类型：字符串。用来指定对话框要显示的文档的URL。vArguments--可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。sFeatures--可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“”隔开。

1.dialogHeight :对话框高度，不小于100px，IE4中dialogHeight 和 dialogWidth 默认的单位是em，而IE5中是px，为方便其见，在定义modal方式的对话框时，用px做单位。

2.dialogWidth: 对话框宽度。

3.dialogLeft: 离屏幕左的距离。

4.dialogTop: 离屏幕上的距离。

5.center: {yes | no | 1 | 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。

6.help: {yes | no | 1 | 0 }：是否显示帮助按钮，默认yes。

7.resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。

8.status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。

9.scroll:{ yes | no | 1 | 0 | on | off }：指明对话框是否显示滚动条。默认为yes。

下面几个属性是用在HTA中的，在一般的网页中一般不使用。10.dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。

11.edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。

12.unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。参数传递：1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：

<script>

var obj = new Object()

obj.name="ttop"

window.showModalDialog("test.htm",obj,"dialogWidth=200pxdialogHeight=100px")

</script>

test.htm

<script>

var obj = window.dialogArguments

alert("您传递的参数为：" + obj.name)

</script>

2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：

<script>

str=window.showModalDialog("test.htm",,"dialogWidth=200pxdialogHeight=100px")

alert(str)

</script>

test.htm

<script>

window.returnValue="qifei123"

</script>

window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')   //该句写成一行代码

   参数解释：

      window.open d出新窗口的命令； 

'page.html' d出窗口的文件名； 

'newwindow' d出窗口的名字（不是文件名），非必须，可用空''代替； 

height=100 窗口高度； 

width=400 窗口宽度； 

top=0 窗口距离屏幕上方的象素值； 

left=0 窗口距离屏幕左侧的象素值； 

toolbar=no 是否显示工具栏，yes为显示； 

menubar，scrollbars 表示菜单栏和滚动栏。 

resizable=no 是否允许改变窗口大小，yes为允许； 

location=no 是否显示地址栏，yes为允许； 

status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许

---