TOPページ >  ウィンドウを開く、閉じる、制御する > ウィンドウの位置や大きさを指定する

ウィンドウの位置や大きさを指定する

簡単なJavaScriptを使って、ウィンドウの位置や大きさを指定することができます。これらに関するJavaScript のメソッドは、次のようになります。

ウィンドウ位置を指定する
ウィンドウ名.moveTo( 左上端のX座標 , 左上端のY座標 )
ウィンドウ位置を相対的に変更する
ウィンドウ名.moveBy( X方向の移動量 , Y方向の移動量 )
ウィンドウの大きさを指定する
ウィンドウ名.resizeTo( ウィンドウの幅 , ウィンドウの高さ )
ウィンドウの大きさを相対的に変更する
ウィンドウ名.resizeBy( X方向の移動量 , Y方向の移動量 )
  1. ウィンドウ名:位置やサイズを変更するウィンドウの名前を指示します。自ウィンドウの操作の場合は省略して構いません。
  2. 左上端のX座標/左上端のY座標:ウィンドウを表示させたい場所の、モニタ上の座標位置を指定します。
  3. X方向の変更量/Y方向の変更量:現在の位置から、ここで指定した分だけウィンドウを移動させます。リロードするたびに指定した量だけ移動していきます。
  4. ウィンドウの幅/ウィンドウの高さ:単位なしの数字で記述します。ピクセル値として扱われます。

このページのソースは、次のようになっています。(ウィンドウの位置やサイズの指定にかかわらない部分は簡略化しています。ご了承ください。)

JavaScript部分(<script>~</script>)は通常のウェブサイト(ホームページ)なら、このサンプルのようにページソースの<head>~</head> 間に記述します。

ブログでも、テンプレートの編集画面で 同じように<head>~</head> 間にJavaScript 部分のソースを挿入すれば、そのブログのウィンドウの大きさを指定することができます。

<html>
<head>
<title>タイトルを記述</title>
<script type="text/javascript">
<!--
moveTo( 50 , 100 );
resizeTo( 480, 560 );
// -->
</script>
</head>
<body>ページ内容を記述</body>
</html>

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
一定時間後に自動でウィンドウを閉じる
ウィンドウをスクロールさせて表示する
確認メッセージを表示する
警告メッセージを表示する
ウィンドウのステータスバーに文字列を表示する
JavaScriptを使って別ウィンドウの表示内容を操作する
window.open() のスタイル指定一覧
ウィンドウのサイズ変更を禁止する
ウィンドウの位置や大きさを指定する
ポップアップウィンドウを開く
メニューバーやスクロールバーの有無を指定する
大きさを指定してウィンドウを開く
ウィンドウを閉じる
ウィンドウを開く
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス