js怎么样控制打开网页窗口的大小

JavaScript010

js怎么样控制打开网页窗口的大小,第1张

JS控制浏览器窗口的大小代码之一：

<script>

window.moveTo(0, 0)//移动窗口

window.resizeTo(800, 600)//改变大小

window.onresize=new Function("window.resizeTo(800, 600)")

</script>

JS控制浏览器窗口的大小代码之二：

<SCRIPT>

if (window != top) top.location.href = location.href

self.resizeTo(800,600)

</SCRIPT>

JS控制浏览器窗口的大小代码之三：

<script language="javascript">

function openWin()

{

var i=0

i = open("","","width=500,height=500")

}

</script>

JS控制浏览器窗口的大小代码之四：

<SCRIPT language=JavaScript>

var new_width=800//你要固定的浏览器宽度

var new_height=600//你要固定的浏览器高度

function resizewindow()

{

window.resizeTo(new_width,new_height)

}

resizewindow()

</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 弹出新窗口的命令； 

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

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

height=100 窗口高度； 

width=400 窗口宽度； 

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

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

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

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

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

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

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

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 = "弹出页面.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内容的模态对话框(就是弹出这个窗口后,父窗口是不可选的)。window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框(就是弹出这个窗口后,父窗口仍然可选)。使用方法：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>