如何使用原生JS引用公共HTML

在原生JS中，可以使用以下代码来引用公共HTML文件：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 发送HTTP请求，获取公共HTML文件
xhr.open('GET', 'path/to/common.html', true);
xhr.send();

// 监听XMLHttpRequest对象的readystatechange事件，当readyState为4且status为200时，表示请求成功
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 获取公共HTML文件的内容
    var commonHtml = xhr.responseText;

    // 将公共HTML文件内容插入到页面中
    document.querySelector('#common').innerHTML = commonHtml;
  }
};

在上面的代码中，首先创建一个XMLHttpRequest对象，然后发送HTTP请求，获取公共HTML文件。在监听XMLHttpRequest对象的readystatechange事件时，当readyState为4且status为200时，表示请求成功，此时可以获取公共HTML文件的内容，并将其插入到页面中的指定元素中。在这里，我使用了id为“common”的元素来作为公共HTML文件内容的插入位置。

注意，以上代码仅仅是一个示例，具体实现方式可能因为项目的具体需求而有所不同。