ホームページ >ウェブフロントエンド >jsチュートリアル >jsでウィンドウサイズを変更するにはどうすればよいですか?
jsでウィンドウサイズを変更するにはどうすればよいですか?
- 云罗郡主オリジナル
- 2018-11-06 17:50:4415379ブラウズ
この記事の内容は、js でウィンドウ サイズを変更する方法についてです。必要な友人が参考になれば幸いです。
JavaScript では、ウィンドウ オブジェクトの ResizeTo() メソッドまたは ResizeBy() メソッドを使用して、ウィンドウのサイズを変更できます。
1.resizeTo() メソッド
構文: window.resizeTo(x, y)
説明:
x の意味変更された水平幅、y は変更された垂直高さを表します。 x と y の単位はどちらも px です。ブラウザには独自の単位が付属しています。数値を使用するだけです。
例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function resizeWindow()
{
window.resizeTo(200,200);
}
</script>
</head>
<body>
<input type="button" value="改变大小" onclick="resizeWindow()"/>
</body>
</html>効果は次のとおりです:
2.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」の意味をよく考えてみると分かります。
例:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function resizeToWindow() {
window.resizeTo(200,200);
}
function resizeByWindow() {
window.resizeBy(50,50);
}
</script>
</head>
<body>
<input type="button" value="resizeTo" onclick="resizeToWindow()"/>
<input type="button" value="resizeBy" onclick="resizeByWindow()"/>
</body>
</html>ブラウザでのプレビュー効果は次のとおりです:
分析:
まずは「resizeTo」ボタンをクリックすると、現在のウィンドウの幅が 200px、高さが 200px に設定されます。次に、「resizeBy」ボタンをクリックするたびに、現在のウィンドウの幅と高さが 50 ピクセルずつ増加することがわかります。これはすべて window.resizeBy(50,50) の結果によるものです。
上記は、js でウィンドウ サイズを変更する方法についての完全な紹介です。 JavaScript チュートリアル について詳しく知りたい場合は、注意してください。 PHP中国語ウェブサイトへ。
以上がjsでウィンドウサイズを変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。