D06 ボタンクリックでステータスバー付きのサブウィンドウを開く

このボタンはクリックされると画面下にステータスバー付きでサブウインドウを開きます。

応用 : toolbar=0,location=0,directories=0,status=1,menubar=0, scrollbars=0,resizable=0はそれぞれステータスバーやスクロールバーを付けるかどうかの指定で1は付ける、0は付けないを意味します。詳しくはwindow.openの参照をご覧ください。
参照 : function, 変数, window.open, document.write(), document.close(), onClick,

Sample

Windowオープン



Source
ソース
(コピーしてお使いください)
<html>
<head>
<title></title>

<script language="JavaScript">
<!--

//サブウインドウを開く
function winopen(){
  var win06=window.open('','wins','status=1,width=500,height=100');
  win06.document.write('statusだけです(^^)');
  win06.document.close();
}

//-->
</script>

</head>
<body>

<form>
<input type="button"  value=" status "
       onClick="winopen()"> windowオープン
</form>

</body>
</html>
window.openに関する説明はwindow.openをご覧ください

status=1はステータスバーを付けるという意味。status=yesまたは statusだけでも同じ意味です。付けない時は、 status=0とか status=noまたはstatusを書かないという指定の仕方をします

width=500横幅をピクセル単位で指定。この場合は幅500ピクセル
height=100高さをピクセル単位で指定。この場合は幅100ピクセル
指定できる横幅と高さはそれぞれ100ピクセル以上です

win06.document.write('xxx')はサブウインドウに'xxx'を書き出す(document.writeする)という意味で、

その次のwin06.document.close()はサブウインドウに'xxx'を書き出すのをやめる(document.closeする)という意味です

onClick="命令文"でクリックしたら"命令文"を実行するという意味です

ここでは、onClick="winOpen()"で関数winOpen()のなかに書かれた命令を実行します


Contents
| CONTENTS
| PART1 これだけ知っていれば大丈夫
| PART2 サンプルの紹介
| PART3 JavaScript言語仕様
| PART4 JavaScriptクイック書式一覧
| PART5 JavaScriptサイト
| オンラインサポートページ(回線をつないでください)


Maintained by
tato@fureai.or.jp works1997 Toshirou Takahashi