D03 ボタンクリックでツールバー付きのサブウィンドウを開く

このボタンはクリックされるとツールバー付きのサブウインドウを開きます。

応用 : toolbar=1,location=0,directories=0,status=0,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 win03=window.open('','wins','toolbar=1,width=500,height=100');
  win03.document.write('toolbarだけです(^^)');
  win03.document.close();
}

//-->
</script>

</head>
<body>

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

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

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

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

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

その次のwin03.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