window.resizeBy()方法使用示例

本文介绍了一种使用JavaScript的window.resizeBy函数来动态调整浏览器窗口大小的方法。通过简单的HTML页面示例演示了如何通过按钮点击事件实现窗口在垂直或水平方向上的放大和缩小。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(一).示例图片效果

(二).代码
<html>
<head>
<title>window.resizeBy()函数</title>
<script laguage="javascript">
<!--
function resizewin(dir,dist)
{
var winvert;
var winhorz;
if (dir == "vert"){
winhorz=0;
winvert=dist;
}
else{
winvert=0;
winhorz=dist;
}
window.resizeBy(winhorz,winvert);
}
//-->
</script>
</head>
<body bgcolor="#6699FF" text="#000000">
<form>
<table border=0 align=center width="285">
<tr>
<td colspan=4 align=center bgcolor=lightgreen><font color=blue size=3>点击按钮操作</font></td>
</tr>
<tr>
<td>
<input type=button value="纵向加" onclick=resizewin("vert",10) style="background-color:lightblue;">
</td>
<td>
<input type=button value="纵向减" onclick=resizewin("vert",-10) style="background-color:lightblue;">
</td>
<td>
<input type=button value="水平加" onclick=resizewin("horz",10) style="background-color:lightblue;">
</td>
<td>
<input type=button value="水平减" onclick=resizewin("horz",-10) style="background-color:lightblue;">
</td>
</tr>
</table>
</form>
</body>
</html>

 

 

06-01
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值