JS——对象：BOM

最新推荐文章于 2024-06-10 21:57:03 发布

小王在学习了

最新推荐文章于 2024-06-10 21:57:03 发布

阅读量168

点赞数 2

分类专栏： JavaWeb 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/wlx2513/article/details/137060359

版权

JavaWeb 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

获取

window.alert();
或
alert();

案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BOM</title>
</head>
<body>
    <script>
        /* 获取 */
        window.alert("hello 1");
        alert("hello 2");
    </script>
</body>
</html>

confirm获取对话框

confirm("aa");

该方法的结果会返回值：若选择确定，则返回true；若选择取消，则返回false。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BOM</title>
</head>
<body>
    <script>
        var flag = confirm("确定吗");
        alert(flag);
    </script>
</body>
</html>

定时器：setInterval

周期性执行某个函数

setInterval(function(){
    ......
},1000);

每1秒执行function。

案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BOM</title>
</head>
<body>
    <script>
        /* 定时器 */
        var i = 0;
        setInterval(function(){
            i++;
            console.log(i);
        },2000);
    </script>
</body>
</html>

定时器：setTimeout

延迟指定时间执行某函数。

setTimeout(function(){
    ......;
},1000);

延迟1秒执行function。

案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BOM</title>
</head>
<body>
    <script>
        /* 定时器 */
        setTimeout(function(){
            alert("123");
        },3000);

    </script>
</body>
</html>