[JS] JavaScript で新しいウィンドウを開く

JavaScript で子のウィンドウを開いてみます。タイトルバーやアドレスバーを表示・非表示することも可能ですが、ブラウザによってバラバラで統一されていないため、あまり統一しない方が無難かもしれません。

新しいウィンドウで開いている時計(clock.html)はこちらに掲載しています

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Open and close the window</title>
</head>
<body>
<input type="button" value="ウィンドウを開く" onclick="openWindow()">
<input type="button" value="開いたウィンドウを閉じる" onclick="closeOpenedWindow()">
<script>
    let openedWindow;
    function openWindow() {
        openedWindow = window.open("clock.html", "clock", "width=200, height=100")
    }
    function closeOpenedWindow() {
        openedWindow.close()
    }
</script>
</body>
</html>

JavaScriptJavaScript

Posted by kidatti