JavaScript querySelector 使用场景和返回值详解

querySelector 会在以下情况下执行代码块：

1. 当页面加载完成后，执行 JavaScript 代码时。
2. 当用户触发某些事件（例如点击按钮）时，执行 JavaScript 代码时。
3. 当某些条件满足（例如滚动到页面底部）时，执行 JavaScript 代码时。

在这些情况下，querySelector 会查找匹配指定选择器的第一个元素，并返回该元素的引用。如果没有找到匹配的元素，则返回 null。找到元素后，可以通过该元素的引用执行其他操作，例如修改其样式、内容或属性。