| 別の窓を開く |
-----------------------------------------------------------------
index.htmlの記述
-----------------------------------------------------------------
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="KEYWORDS" content="HTML5">
<title>別窓</title>
<script Language="JavaScript">
<!--
function mado(){window.open("betumado.html","window1","width=300,height=300,scrollbars=1");
}
// --></script>
</head>
<body STYLE="font-size:1em">
<a href="JavaScript:mado()">別の窓を開く</a>
</body>
</html>
-------------------------------------------
betumado.htmlの記述
-------------------------------------------
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="KEYWORDS" content="HTML5">
<title>別窓</title>
<script language="JavaScript">
<!--
function tojiru(){ self.close();
}
//-->
</script>
</head>
<body STYLE="font-size:1em">
<div>これが別の窓です。</div>
<form>
<p align="center"><input type="button" value="閉じる" onclick="tojiru()"></p>
</form>
</body>
</html>
|