JavaScript

Ｗｉｎｄｏｗを操作する

2026/02/16日に修正
Ｗｉｎｄｏｗを自動的に開くとセキュリティー上問題があるので最近のブラウザーは自身がＷｉｎｄｏｗを開かないようブロックしている。従って、下記の説明のように変更した。

説明

上の「OPEN」ボタンをクリックするとＷｉｎｄｏｗが開く
開いたＷｉｎｄｏｗの「Close」ボタンをクリックすると閉じる


１．メインページ

<HTML lang="ja">
<HEAD>
<TITLE>Ｗｉｎｄｏｗを操作する</TITLE>
<SCRIPT>
 var msg = "";
 msg = "toolbar=no,location=no,directories=no,width=300px,height=250px";
 function wopen() { 
     window.open("scr05_1.html",100,msg);
 }
</SCRIPT>
</HEAD>
<body>
<div onclick="wopen()",500>OPEN</div>
</BODY>
</HTML>


２．Ｗｉｎｄｏｗ１

<HTML lang="ja">
<HEAD>
<TITLE>Ｗｉｎｄｏｗ１</TITLE>
<STYLE type=text/css>
 button.btn1 {
     text-align:        center;
     color:             #ffffff;
     font-size:         18px;
     background-color:  #0000ff;
     border: 2px solid  #00ffff;
     width:             100px;
     border-radius:     12px;
     cursor:            pointer;
 }
 button.btn1:hover {
     background-color:  #ff0000;
 }
</STYLE>
<SCRIPT>
 function wclose() {
     window.close("scr05_1.html");
 }
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#ffff00" text=#0000ff>
<br>
<center>
<button type="button" name="btn" class="btn1" onClick="wclose()",500)>Close</button>
</center>
</BODY>
</HTML>