网站制作学习网JS脚本→正文:windwo窗口操作
字体:

windwo窗口操作

JS脚本 2010/3/8 17:01:13  点击:不统计

http://%77%77%77%2E%66%6F%72%61%73%70%2E%63%6E

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>
<html>


·上一篇:window对象框架 >>    ·下一篇:javascript之对话框 >>
推荐文章
最新文章