当前位置: 首页 > news >正文

html5改变窗口大小,js怎么改变窗口大小?js改变窗口大小方法

本篇文章给大家带来的内容是关于js怎么改变窗口大小?js改变窗口大小方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

在JavaScript中,可以使用window对象的resizeTo()方法或resizeBy()方法来改变窗口的大小。

一、resizeTo()方法

语法:window.resizeTo(x, y)

说明:

x表示改变后的水平宽度,y表示改变后的垂直高度。x和y的单位都是px,浏览器自带单位,我们只需要使用数值即可。

举例:

function resizeWindow()

{

window.resizeTo(200,200);

}

效果如下:

1863924973567f309ce2a6ce60cf6cd2.png

二、resizeBy()方法

语法:

1window.resizeBy(x, y)

说明:当x、y的值大于0时为扩大,小于0时为缩小。其中x和y的单位都是px。

x表示窗口水平方向每次扩大或缩小的数值,y表示垂直方向窗口每次扩大或缩小的数值。

resizeTo(x,y)与resizeBy(x,y)不同在于:resizeTo(x,y)中的x、y是“改变后”的数值,而resizeBy(x,y)中的x、y是“增加或减少”的数值。“to”表示一个结果,“by”表示一个过程,大家好好琢磨“to”和“by”的英文含义就懂了。

举例:

function resizeToWindow() {

window.resizeTo(200,200);

}

function resizeByWindow() {

window.resizeBy(50,50);

}

在浏览器预览效果如下:

8be520f4f757b1b50ad10ef96081e085.png

分析:

我们首先点击“resizeTo”按钮把当前窗口宽度设置为200px,而高度也设置为200px。然后每当我们点击1次“resizeBy”按钮,我们会发现当前窗口的宽度和高度都会增加50px。这样都是由于window.resizeBy(50,50)的结果。

以上就是对js怎么改变窗口大小?js改变窗口大小方法的全部介绍,如果您想了解更多有关JavaScript教程,请关注PHP中文网。

相关文章:

  • html网页设计需求分析,网页设计需求分析方法
  • 2021兰州三中高考成绩查询,2021兰州中考(初中学业水平测试)多少分考入高中 分数控制线预测分析...
  • 少数民族高考成绩查询2021,内蒙古2021高考民族汉考三级成绩查询时间及方法 什么时候查询...
  • 计算机专业英语考试题库,计算机专业英语-中国大学mooc-题库零氪
  • 图像处理与计算机视觉算法及应用 第2版,图像处理与计算机视觉算法及应用教程(源码+pdf)...
  • 在线计算机字符编码查询,字符编码
  • 举例说明应用计算机技术求解问题的步骤,下面举例说明UGFEA的应用-计算机工程学院.doc...
  • html邮件会不会是病毒,邮件病毒不得不防 去除来信病毒有另法
  • ios html css,IOS 7 - css - html height - 100% = 692px
  • 计算机专业i英语,计算机专业英语词汇
  • 计算机网络网线制作教案,制作网线教案.doc
  • 乡村少年宫计算机学科教案,乡村少年宫活动信息技术教案.doc
  • 计算机在建筑节能领域的作用,论文计算机模拟技术在建筑节能方面的应用.doc...
  • 重庆理工计算机考研分数线,2020重庆理工大学考研复试分数线已公布
  • 计算机操作员五级模似试题,计算机操作员模拟试题基础部分.doc
  • 【391天】每日项目总结系列128(2018.03.03)
  • 【跃迁之路】【519天】程序员高效学习方法论探索系列(实验阶段276-2018.07.09)...
  • ABAP的include关键字,Java的import, C的include和C4C ABSL 的import比较
  • Android开源项目规范总结
  • angular组件开发
  • flask接收请求并推入栈
  • GraphQL学习过程应该是这样的
  • jdbc就是这么简单
  • JS基础篇--通过JS生成由字母与数字组合的随机字符串
  • k个最大的数及变种小结
  • Mac 鼠须管 Rime 输入法 安装五笔输入法 教程
  • Solarized Scheme
  • SpringCloud(第 039 篇)链接Mysql数据库,通过JpaRepository编写数据库访问
  • 从地狱到天堂,Node 回调向 async/await 转变
  • 基于 Ueditor 的现代化编辑器 Neditor 1.5.4 发布
  • 开发基于以太坊智能合约的DApp
  • 数据结构java版之冒泡排序及优化
  • zabbix3.2监控linux磁盘IO
  • 选择阿里云数据库HBase版十大理由
  • ​DB-Engines 12月数据库排名: PostgreSQL有望获得「2020年度数据库」荣誉?
  • #ubuntu# #git# repository git config --global --add safe.directory
  • $.proxy和$.extend
  • (9)目标检测_SSD的原理
  • (Python) SOAP Web Service (HTTP POST)
  • (SpringBoot)第二章:Spring创建和使用
  • (二)hibernate配置管理
  • (附源码)springboot太原学院贫困生申请管理系统 毕业设计 101517
  • (算法)Travel Information Center
  • (图)IntelliTrace Tools 跟踪云端程序
  • (译)2019年前端性能优化清单 — 下篇
  • (原创) cocos2dx使用Curl连接网络(客户端)
  • (转)linux 命令大全
  • (转)mysql使用Navicat 导出和导入数据库
  • **Java有哪些悲观锁的实现_乐观锁、悲观锁、Redis分布式锁和Zookeeper分布式锁的实现以及流程原理...
  • .describe() python_Python-Win32com-Excel
  • .Net CoreRabbitMQ消息存储可靠机制
  • .Net Core和.Net Standard直观理解
  • .NET Core实战项目之CMS 第十二章 开发篇-Dapper封装CURD及仓储代码生成器实现
  • .net framework profiles /.net framework 配置
  • .net图片验证码生成、点击刷新及验证输入是否正确