JS：WINDOW

最新推荐文章于 2024-09-04 20:55:34 发布

_卷心菜_

最新推荐文章于 2024-09-04 20:55:34 发布

阅读量66

点赞数

分类专栏： java Web搭建文章标签： javascript 前端

本文链接：https://blog.csdn.net/Thumb_/article/details/122093103

版权

java Web搭建专栏收录该内容

41 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS-WINDOW</title>
</head>
<body>
    <button onclick="openwindow()">创建窗口</button>
    <button onclick="myFunction()">调整窗口</button>
    <button onclick="moveFunction()">移动窗口</button>
    <button onclick="closeFunction()">关闭窗口</button>

    <script>
        var w;

        function openwindow(){
            w = window.open('', '', 'width=300, height=300');  //第一个参数为新创建窗口的网址
        }

        function myFunction(){
           w.resizeTo(500, 500);
           w.focus();
        }

        function moveFunction(){
            w.moveTo(700, 500);
            w.focus();
        }

        function closeFunction(){
            w.close(700, 500);
            w.focus();
        }
    </script>
</body>
</html>