window open close

新しいウィンドウを開き方など

open

window.open("url")または
変数=window.open("url")で開きます。

window.open("ss.html");

urlだけだと、新規に開きます。今のwindowに開きたい場合は、
window.open("url","_self")とします。
_selfの他に、_parent,_topもあります。フレームと同じだと思います。省略だと、新規の_blankになるようです。

window.open("ss.html","_parent");

名前を付けると、そのwindowに開くことができます。

window.open("ss.html","cs");
window.open("index.html","cs");

開くときに、各種の設定ができます。
window.open("url","_blank","status,...");

height=縦幅
width=横幅

location=yes|no 場所ツールバー
menubar=yes|no メニューバー
resize=yes|no リサイズ可能?
scrollbars=yes|no スクロールバー
status=yes|no ステータスバー
titlebar=yes|no タイトルバー
toolbar=yes|no ツールバー

yes,noを省略すると、yesになるようです。widthとheightはセットで使います。

window.open("ss.html","s","status");
window.open("cm.html","cm3","status=no,width=200,height=40")

close

windowを閉じます。
window.close()
window.openで開いたのも、これで自由に閉じれます。

<p><button onclick="ai=window.open('ss.html')">open</button>
<button onclick="ai.close()">close</button></p>

openの後、closeで、閉じれます。open前にcloseするとエラーになります。

moveTo moveBy

windowの位置を変えます。
window.moveTo(x,y)で、横位置xと縦位置yを設定します。moveToは、絶対座標(左上が0,0)dで、moveByは相対座標(今の位置が0,0?)になります。

<p><button onclick="mi=window.open('ss.html','_blank','status=no,width=50,height=50')">open</button>
<button onclick="{mi.moveTo(Math.random()*800,0); mi.focus()}">move</button></p>

resizeTo resizeBy

windowのサイズを変更します。使い方はmoveToと同じです。
window.resizeTo(x,y)

focus blur

上の例にでてきたものの紹介です。focusで、windowを前面に、blurで、後ろにします。
window.focus()
window.blur

status

ステータスバーに書きこめます
window.status="" これで、そのwindowに書けます。
開いたwindowのを変えたいときは、名前.status=""です。

sn=window.open("ss.html");
sn.status="change";
Next : 次のステップへ
Pre  : 前のステップへ
 Up  : JavaScriptに戻る
Home : ホームに戻る

Presented by Rei

テレワークならECナビ Yahoo 楽天 LINEがデータ消費ゼロで月額500円〜!
無料ホームページ 無料のクレジットカード 海外格安航空券 海外旅行保険が無料! 海外ホテル