master

分支 (1)

管理

管理

master

js
/
test19.html

<!DOCTYPE html>
<html>
    <head>
        <title>19Javascript HTML BOM浏览器对象模型</title>
        <meta charset="UTf-8">
    </head>
    <body>
        <h1>19Javascript HTML BOM浏览器对象模型</h1>

        <p id = "demo"></p>
        <script>
            var w = window.innerWidth;
            var h = window.innerHeight;
            document.getElementById("demo").innerHTML = "浏览器的window宽度：" + w + ",高度：" + h;
        </script>
        <p>点击下方按钮来打开一个窗口</p>
        <button onclick="OpenWindow()">点击</button>
        </script>
        <p>点击下方按钮来调整窗口大小</p>
        <button onclick="ChangeWindow()">点击</button>
        <script>
            var w;
            function OpenWindow(){
                w = window.open('','','width = 100,height = 100');
                //第1个参数url：打开的网址；第2个参数name：name等网页的各种信息；第3个参数specs(规格)：可以设置窗口的最小宽度和高度
                w.focus();//将焦点窗口置于最前端（上面）
            }
            function ChangeWindow(){
                w.resizeTo(500,500);
                w.focus();
            }

        </script>

    </body>
</html>