JavaScript第六天笔记04——Window对象(了解)

2021/8/4 22:08:30

编程Tag： javascript function 窗口 window 是否 20 No 04 YES

本文主要是介绍JavaScript第六天笔记04——Window对象(了解)，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button onclick="window.moveBy(20,20)">按钮</button>
    <!-- 双引号和单引号使用方法一样，但是双引号内部只能放置单引号，单引号内部只能放置双引号 -->
    <!-- 第三个参数，限制新打开窗口的形态 ，只有宽和高有用 -->
    <button
        onclick="window.open('https://www.baidu.com/','zshmiao','width=500,height=300,scrollbars=no,directories=no ')">打开窗口</button>

    <script>

        // 确认框，点击确认返回true 否则false
        if (confirm('您确认关闭嘛')) {
            alert('关闭窗口')
        }
        // setTimeout(function(){},时间)  clearTimeout()单次定时器
        function fn() {
            setTimeout(function () {
                console.log(111)
                // 函数内部调用自身，函数的递归调用
                fn()
            }, 1000)
        }
        fn();
    </script>
</body>

</html>

操作窗口
方法	示例	说明
moveBy	moveBy(20,20)	将窗口向右向下移动20像素
moveTo	moveTo(0,0)	将窗口移动到左上角
resizeBy	resizeBy(15,10)	将窗口相对增大15*10
resizeTo	resizeTo(450,350)	将窗口大小改为450*350

打开新窗口
特性	值	对窗口的影响
directories	yes/no 或 1/0	是否有地址栏按钮
height	整数值	窗口高度，大于100
location	yes/no 或 1/0	是否有地址栏
menubar	yes/no 或 1/0	是否菜单栏
resizable	yes/no 或 1/0	是否可以更改窗口大小
scrollbars	yes/no 或 1/0	是否有滚动条
status	yes/no 或 1/0	是否有状态栏
toolbar	yes/no 或 1/0	是否有工具栏
width	整数值	窗口宽度，大于100

alert() 弹出一个提示框

prompt() 弹出可以输入信息的文本框

confirm() 弹出对话框，确认信息

这篇关于JavaScript第六天笔记04——Window对象(了解)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

JavaScript第六天笔记04——Window对象(了解)

相关编程文章