02 複数ウインドウの表示

2019-01-16 21:51:25

フレームウインドウを二つ表示させる


サンプルへのリンク

実行画面

2019-01-16 21:53:15

Sample02.html

2019-01-16 21:54:13

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />
    <link rel="stylesheet" href="../dist/css/jsw.css" />
    <script type="text/javascript" src="../dist/js/jsw.js"></script>
    <script type="text/javascript" src="Sample02.js"></script>
    <title>JSWindowTest</title>
</head>
<body>
</body>
</html>

Sample02.js

2019-01-16 21:55:02

//ページ読み込み時に実行する処理を設定
addEventListener("DOMContentLoaded", Sample02)
//ページ読み込み後に実行される内容
function Sample02() {
    //フレームウインドウの作成
    let mainWindow = new JSW.FrameWindow()
    //タイトルの設定
    mainWindow.setTitle('サンプル02')
    //クライアントノードを呼び出して
    mainWindow.getClient().innerHTML = 'ノードに対して<br>フレームウインドウの表示'

    //フレームウインドウの作成
    let mainWindow2 = new JSW.FrameWindow()
    //タイトルの設定
    mainWindow2.setTitle('サンプル02 ふたつ目')
    //クライアントノードを呼び出して
    mainWindow2.getClient().innerHTML = 'ウインドウをセンタリング'
    //サイズ指定
    mainWindow2.setSize(300,400)
    //引数未指定でセンタリング
    mainWindow2.setPos()
}