基础的BoM的基本操作

最新推荐文章于 2024-03-27 11:44:51 发布

码小目

最新推荐文章于 2024-03-27 11:44:51 发布

阅读量267

点赞数

文章标签： html5 javascript

本文链接：https://blog.csdn.net/weixin_68030167/article/details/123876361

版权

本文介绍了BOM（浏览器对象模型）的基础操作，包括浏览器的历史记录、标签页、可视窗口尺寸等。详细讲解了alert、confirm、prompt弹出层，location对象的href属性和reload方法，以及滚动条尺寸的获取和定位。还涵盖了history对象的历史回退和前进，open和close方法用于标签页的管理，以及获取可视窗口尺寸的方法。

摘要由CSDN通过智能技术生成

就是一整套操作浏览器相关内容的属性和方法(浏览器对象操作模型)

基本操作注意包括: 浏览器的滚动条 / 浏览器的弹出层 /浏览器的地址栏 /浏览器的标签页 /浏览器历史记录...等等.

BOM 最大的特点

在各个浏览器的表现形式不一样 / 都是 window.xxx

在书写的时候, 可以省略 window. 不写 ( )

标准语法:window.alert('码小目') 省略写法: alert('码小目')

浏览器的弹出层

1. 提示框

语法: window.alert('提示文本') / alert( )

表现: 一个弹出框 + 提示文本 + 确定按钮

返回值: 没有

<!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>
    <script>   

    // 1. 提示框
    var r1 = window.alert('码小目1')
    console.log(r1)
    var r1 = alert('码小目2')
    console.log(r1)

    </script>

</body>
</html>