JavaScript之window对象的属性和方法

最新推荐文章于 2024-09-22 00:01:19 发布

JZJZY

最新推荐文章于 2024-09-22 00:01:19 发布

阅读量473

点赞数

文章标签： JavaScript 前端 window对象的属性和方法

本文链接：https://blog.csdn.net/weixin_43772533/article/details/106985862

版权

window对象的属性
用法：对象名.属性名
由于window对象是顶层对象，所以可以省略

screen属性

    <script type="text/javascript">
    //screen属性
    console.log(window.screen); //返回Screen对象
    var s = window.screen;
    console.log("屏幕分辨率：" + s.width + "*" + s.height);
    console.log("屏幕分辨率：" + window.screen.width + "*" + window.screen.height);
    console.log("屏幕分辨率：" + screen.width + "*" + screen.height);
</script>

在这里插入图片描述

window对象的方法
用法：对象名.方法名()

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        function doAlert() {
            //window.alert("这是window对象的alert方法");
            alert("这是window对象的alert方法");
        }

        function doPrompt() {
            var name = window.prompt("请输入用户名：");
            if (name == null) {
                console.log("用户取消了输入操作！");
            } else {
                console.log(name);
            }
        }

        function doConfirm() {
            var flag = confirm("您确定要关闭吗？");
            if (flag) {
                console.log("好，关就关！");
            } else {
                console.log("那就不关了吧！");
            }
        }
    </script>
</head>

<body>
    <input type="button" value="测试alert" onclick="doAlert()" />
    <input type="button" value="测试prompt" onclick="doPrompt()" />
    <input type="button" value="测试confirm" onclick="doConfirm()" />
</body>

</html>