Webデザイナーへの道しるべ | suge1040's diary

Webデザイナーになる事を目指しフェリカテクニカルアカデミーで勉強していましたsuge1040によるブログです。

windowオブジェクトを使って新規ウィンドウを開く

開くボタンを押して空の画像を開く。

 

f:id:suge1040:20140411143846j:plain

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ウィンドウを開く</title>
<script>
function openWin() {
    var win = window.open('', '', 'width=550, height=480');
   
     win.document.open();
     win.document.write('<img src="img/01.jpeg">');
     win.document.write('<form><p>');
     win.document.write('<input type="button" value="閉じる"');
     win.document.write('onClick="window.close()">');
     win.document.write('<p></form>');
}
</script>
</head>

<body>
<form name="myForm">
<p><input type="button" value="開く" name="openBtn" onClick="openWin()"></p>
</form>
</body>
</html>