windwo窗口操作
2014-08-15来源:易贤网

window对象对操作浏览器fichangyouyong,开发者可以通过moveBy(),moveTo();resizeBy(),resizeTo();四个函数来操作window窗口.

首先是:moveBy(x,y)-将浏览器相对于当前位置水平移动x像素,垂直移动y像素.x为正数向右移动负数向左,y为正数向下移动,y为负数向上移动

其次是:moveTo(x,y);-将浏览器窗口置于左上角用户屏幕的(x,y)处,可以使用负数,但是负数会移除屏幕,左上角坐标(0,0)逐渐向右向下增加.

再次是:resizeBy(x,y);相对于浏览器目前窗口大小将窗口宽度增加x像素,高度增加y像素,当xy为负数时,浏览器将减小.

最后是:resizeTo(x,y);把目前浏览器窗口调整宽度为x像素,高度为y 像素,xy不能为负数.

查看效果(请在IE下打开,并让运行javscript):windwo窗口操作

<html>

<head>

<title>windwo窗口操作</title>

</head>

<script language="javascript">

<!--

function MB()

{

var x = document.getElementById("xpx").value;

var y = document.getElementById("ypx").value;

window.moveBy(x,y);

}

function MT()

{

var x = document.getElementById("xpx").value;

var y = document.getElementById("ypx").value;

window.moveTo(x,y);

}

function RB()

{

var x = document.getElementById("xpx").value;

var y = document.getElementById("ypx").value;

window.resizeBy(x,y);

}

function RT()

{

var x = document.getElementById("xpx").value;

var y = document.getElementById("ypx").value;

window.resizeTo(x,y);

}

-->

</script>

<body>

X<input type="text"  value="10" name="xpx" id= "xpx" maxlength="4">像素<br>

Y<input type="text" value="10" name="ypx" id= "ypx" maxlength="4">像素<br>

<input type="button" onclick="MB()" value="window.moveBy操作(x>0向右y>0向下)"><br>

<input type="button" onclick="MT()" value="window.moveTO操作(x>0向右y>0向下)"><br>

<input type="button" onclick="RB()" value="window.resizeBy操作(x>0向右增加y>0向下增加)"><br>

<input type="button" onclick="RT()" value="window.resizeTo操作(x>0宽 y>0高)"><br>

</body>

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息