TOPページ >  ウィンドウを開く、閉じる、制御する > ウィンドウのサイズ変更を禁止する

ウィンドウのサイズ変更を禁止する

JavaScript の window.open() を使って別のページにジャンプしたり、新規ウィンドウを開く際 にウィンドウのサイズを変更されたくない場合は、あらかじめ 開くウィンドウのサイズと、サイズ変更を禁止して開くようにすると良いでしょう。反対に、ウィンドウのサイズ変更を可能に指定することもできます。

設置例

JavaScript でジャンプする際の基本形は 下記のようになりますが、

<a href="javascript:void(0)" onclick=window.open('ジャンプ先URL','ウィンドウの指定','スタイルの指定')">表示文字</a>
  1. ジャンプ先URL:ジャンプ先のURLを、絶対パスで指定します。
  2. ウインドウの指定:下記の中から指定できます。省略すると、今のウィンドウがジャンプ先のURLに切り替わります。今のウィンドウを残したい場合は、『_blank』とするとよいでしょう。
    _top今のフレームのトップページ(フレームが属するウィンドウ)
    _blank新しいウィンドウを開く
    _self今のフレームまたはウィンドウ
    _parent今のフレームを取り囲む一つ上の親フレーム
  3. スタイルの指定:ウィンドウの大きさや、メニューバーの有無などさまざまなスタイル指定をすることができます。
    →各種スタイル指定についてはこちら 『window.open()スタイル指定一覧

スタイルの指定の部分で、ウィンドウのサイズを指定することができます。resizable=noとすることで、開かれたウィンドウはサイズの変更ができなくなります。反対に、yesにすれば、サイズ変更が可能です。

このサンプルのソースは、下記のようになります。

<a href="javascript:void(0)" onclick="
window.open('http://html.appelle.jp/sample/linktest.html', '_blank', 'width=500,height=210,resizable=no');
return false;">ウィンドウを開く</a>

ボタンで表示する場合は、下記のようになります。

ソースはこちらです。こちらのサンプルは、resizable=yes で、サイズの変更を可能に指定しています。

<button onclick="
window.open('http://html.appelle.jp/sample/linktest.html', '_blank', 'width=500,height=210,resizable=yes')">ウィンドウを開く</button>

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

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