将jquery转换为javascript -当我向下滚动到特定区域(Div ID)时，加载一次HTML内容

// 获取特定区域的DOM元素
var targetDiv = document.getElementById("targetDiv");

// 监听滚动事件
window.addEventListener("scroll", function() {
  // 获取滚动条的位置
  var scrollPosition = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;

  // 获取特定区域的位置
  var targetDivPosition = targetDiv.offsetTop;

  // 判断滚动位置是否达到特定区域
  if (scrollPosition >= targetDivPosition) {
    // 加载HTML内容
    loadHTMLContent();
  }
});

// 加载HTML内容的函数
function loadHTMLContent() {
  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();

  // 发送GET请求，获取HTML内容
  xhr.open("GET", "your_html_content.html", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 将获取到的HTML内容插入到特定区域
      targetDiv.innerHTML = xhr.responseText;
    }
  };
  xhr.send();
}