windowオブジェクトのopen()メソッドは、URLやウィンドウ名を指定して新しいウィンドウを開きます。
オプションを指定することで新しく開くウィンドウのサイズや、ブラウザのメニューバー・ツールバー・スクロールバーなどの表示/非表示を指定することができます。
<html>
<head>
<script>
function sample1() {
window.open(“”,”sample1″,”directions=0″,”location=0″,”menubar=0″,”scrollbars=0″,”status=0″,”toolbar=0″,”resizable=0″,”width=200″,”height=150″);
}
function sample2() {
window.open(“”,”sample2″);
}
</script>
</head>
<body>
<a onclick=”sample1()”>ここをクリックするとsample1ウィンドウを開きます。</a><br>
<a onclick=”sample2()”>ここをクリックするとsample2ウィンドウを開きます。</a>
</body>
</html>
ウィンドウ名.open() …… 新しいウィンドウを開く
ウィンドウ名.close() …… ウィンドウを閉じる
ウィンドウ名.closed …… ウィンドウが閉じているかどうかを返す
ウィンドウ名.name …… ウィンドウ名を参照する
ウィンドウ名.opener …… オープン元の親ウィンドウを参照する
ウィンドウ名.length …… ウィンドウ内のフレーム数を参照する
ウィンドウ名.resizeBy() …… 現在のウィンドウに指定した幅・高さを追加する
ウィンドウ名.resizeTo() …… ウィンドウの幅・高さを指定する
ウィンドウ名.moveBy() …… ウィンドウ表示位置を指定距離だけ移動する
ウィンドウ名.moveTo() …… ウィンドウ表示位置を指定座標へ移動する
ウィンドウ名.scrollBy() …… スクロール位置を指定距離だけ移動する
ウィンドウ名.scrollTo() …… スクロール位置を指定座標へ移動する
ウィンドウ名.scroll() …… スクロール位置を指定座標へ移動する
ウィンドウ名.focus() …… ウィンドウにフォーカスをあてる(前面へ移動)
ウィンドウ名.blur() …… ウィンドウからフォーカスをはずす(背面へ移動)
ウィンドウ名.outerWidth …… ブラウザウィンドウの外側の幅を返す
ウィンドウ名.outerHeight …… ブラウザウィンドウの外側の高さを返す
ウィンドウ名.innerWidth …… ブラウザウィンドウのコンテンツ領域の幅を返す
ウィンドウ名.innerHeight …… ブラウザウィンドウのコンテンツ領域の高さを返す
ウィンドウ名.setInterval() …… 一定時間が経過するごとに処理を実行する
ウィンドウ名.setTimeout() …… 一定時間経過後に処理を一回だけ実行する
ウィンドウ名.clearInterval() …… clearInterval()でセットしたタイマーを解除する
ウィンドウ名.clearTimeout() …… setTimeout()でセットしたタイマーを解除する