D04 ボタンクリックでロケーションフィールド付きのサブウィンドウを開く

このボタンはクリックされるとURL入力用のロケーションフィールド付きでサブウインドウを開きます。

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

//-->
</script>

</head>
<body>

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

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

location=1はロケーションフィールドを付けるという意味。location=yesまたは locationだけでも同じ意味です。付けない時は、 location=0とか location=noまたはlocationを書かないという指定の仕方をします

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

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

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