前端经典面试题合集, 什么是 BOM 和 DOM?分别列举一些它们的函数

Step 1

Q:: 什么是BOM？

A:: BOM（浏览器对象模型）是浏览器环境的对象模型，它提供了与浏览器进行交互的接口，使得JavaScript可以与浏览器进行通信。BOM没有标准，浏览器厂商可以自行实现。常见的BOM对象包括window、navigator、screen、location和history等。

Step 2

Q:: 什么是DOM？

A:: DOM（文档对象模型）是一个与平台无关的接口，允许程序和脚本动态地访问和更新文档的内容、结构和样式。DOM表示文档为节点和对象的树形结构，常见的DOM操作包括获取元素、修改内容、添加或删除节点等。

Step 3

Q:: 列举一些BOM的函数

A:: window.alert()：显示一个警告框。,window.confirm()：显示一个确认框，用户可以选择确定或取消。,window.open()：打开一个新的浏览器窗口或标签页。,navigator.geolocation.getCurrentPosition()：获取用户当前地理位置。,history.back()：浏览器后退。,history.forward()：浏览器前进。

Step 4

Q:: 列举一些DOM的函数

A:: document.getElementById()：通过元素的ID获取DOM元素。,document.createElement()：创建一个新的DOM元素。,element.appendChild()：向某个元素添加子节点。,element.removeChild()：删除某个元素的子节点。,element.setAttribute()：设置元素的属性。,element.classList.add()：向元素添加一个CSS类。