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);

}

效果如下：

二、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);

}

在浏览器预览效果如下：

分析：

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

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

html5改变窗口大小,js怎么改变窗口大小?js改变窗口大小方法相关推荐

html字体颜色自动变化,js设置字体颜色_自动改变文字大小和颜色的js代码分享
摘要腾兴网为您分享:自动改变文字大小和颜色的js代码分享,追追漫画,易信,学宝,万达普惠等软件知识,以及59网批,tomatopie,物美多点,直播apk,三国全面战争,pc98,qq音乐插件,快捷 ...
FineReport JS实现分页预览改变鼠标悬停所在的行列的背景色
一:需求描述 1)鼠标滑过及悬停时改变行的颜色. 2)鼠标滑过及悬停时改变列的颜色. 3)鼠标滑过及悬停时改变同时行和列的颜色. 二:实现思路鼠标滑入悬停时,先遍历获取该行所有单元格的原背景色,再遍 ...
Three.js 实现点击模型改变颜色
Three.js 实现点击模型改变颜色想实现点击模型,改变模型颜色的效果.在网上看了一些代码,发现特别搞笑,很多的博客给出的计算代码都是错误的,根本无法实现点击效果,还在不同的博客相互的复制,只能感 ...
使用JS操作CSS实现JS改变背景图片
使用JS操作CSS实现JS改变背景图片在写一个后台管理系统的界面时候,想要实现每次刷新界面或者访问界面时候会重新加载一张图片并且每次都不一样,于是乎就去想了个方法去实现它,最终方案是通过js来改变d ...
js深度遍历json数组改变属性名
js深度遍历json数组改变属性名 1.适用场景 2.代码实现 1.适用场景需要将json数组的categoryCode字段更改为value字段 2.代码实现 changeName(oldVal, ...
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化
微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化在小程序中,我们一般在app.js的onLaun ...
【翻译】HTML5开发——轻量级JSON存储解决方案Lawnchair.js
[翻译]HTML5开发--轻量级JSON存储解决方案Lawnchair.js 参考文章: (1)[翻译]HTML5开发--轻量级JSON存储解决方案Lawnchair.js (2)https://ww ...
HTML5系列四（特征检测、Modernizr.js的相关介绍）
Modernizr:一个HTML5特征检测库 Modernizr帮助我们检测浏览器是否实现了某个特征,如果实现了那么开发人员就可以充分利用这个特征做一些工作 Modernizr是自动运行的,无须调用诸 ...
node html5,html5前端入门教程分享：Node.Js 框架
项目前期准备: 以express 框架为例 npm i express-generator -g //全局安装express框架 express -e //生成express应用骨架 npm i // ...
手机页面html5 关闭窗口,JS关闭窗口或JS关闭页面的几种代码分享
这篇文章介绍了JS关闭窗口或JS关闭页面的几种代码,有需要的朋友可以参考一下第一种:JS定时自动关闭窗口代码如下: 第二种:点击链接没有提示的JS关闭窗口代码如下: 关闭窗口第三种:窗口没有提 ...

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

html5改变窗口大小,js怎么改变窗口大小?js改变窗口大小方法相关推荐

最新文章

热门文章