Java教程

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

本文主要是介绍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对象(了解)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航