Bom浏览器对象模型

最新推荐文章于 2024-07-22 15:13:59 发布

m0_64531203

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量74

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 safari

本文链接：https://blog.csdn.net/m0_64531203/article/details/121695222

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<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>Bom</title>
    <!-- 
        BOM 浏览器对象模型

            其实就是操作浏览器的一些能力
            我们可以操作哪些内容:
            - 获取一些浏览器的相关信息（窗口的大小）
            - 操作浏览器进行页面跳转
            - 获取当前浏览器地址栏的信息
            - 操作浏览器的滚动条
            - 浏览器的信息（浏览器的版本）
            - 让浏览器出现一个弹出框（alert/confirm/prompt

        BOM 的核心就是 window 对象
            window 是浏览器内置的一个对象，里面包含着操作浏览器的方法

        window窗口核心对象
           常用方法
              open()   
                => 打开一个新窗口
                  window.open("http://www.baidu.com","",""); 
              close()
               
              对话框
                - alert(message)  消息提示框
                - confirm(提示信息) 消息确认
                    => 确定和取消，提示信息
                    => true  false
             prompt()
               - 弹出输入框，接收你输入的信息并返回

           注： window窗口对象是浏览器根对象，使用它的属性方法或子对象时，可以不加window        
  
                

     -->
</head>

<body>
    <script>
        // window.alert('消息提示框')
        // alert('消息提示框1')

        // var isDelete = confirm('确定要删除此信息吗?')
        // if(isDelete){
        //     console.log('确定删除');
        // }else{
        //     console.log('取消删除');
        // }

        //    var username = prompt('请输入用户名') // null
        //    console.log(username);

           var year = prompt('输入闰年')
           alert(year)

    </script>
</body>

</html>

m0_64531203

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Bom浏览器对象模型

<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>Bom</title> <!-- BOM 浏览器对.
复制链接

扫一扫